Prepare v0.1.0 release dependencies

webui/src/components/PolicySourcePath.tsx

@@ -0,0 +1,66 @@
+export type PolicySourcePathItem = string | {
+  scope_type?: string;
+  scope_id?: string | null;
+  label: string;
+  applied_fields?: string[];
+  appliedFields?: string[];
+};
+
+export type PolicySourcePathProps = {
+  items: PolicySourcePathItem[];
+  label?: string;
+  className?: string;
+};
+
+type NormalizedPolicySourcePathItem = {
+  label: string;
+  appliedFields: string[];
+};
+
+export default function PolicySourcePath({ items, label = "Source path", className = "" }: PolicySourcePathProps) {
+  const cleanItems = items.map(normalizeSourceItem).filter((item): item is NormalizedPolicySourcePathItem => Boolean(item?.label));
+  if (cleanItems.length === 0) return null;
+
+  return (
+    <div className={`policy-source-path ${className}`.trim()} aria-label={label}>
+      <span className="policy-source-path-label">{label}</span>
+      <ol>
+        {cleanItems.map((item, index) => (
+          <li key={`${item.label}-${index}`}>
+            <span>{item.label}</span>
+            {item.appliedFields.length > 0 && <small>{sourceFieldSummary(item.appliedFields)}</small>}
+          </li>
+        ))}
+      </ol>
+    </div>
+  );
+}
+
+function normalizeSourceItem(item: PolicySourcePathItem): NormalizedPolicySourcePathItem | null {
+  if (typeof item === "string") {
+    const label = item.trim();
+    return label ? { label, appliedFields: [] } : null;
+  }
+  const label = item.label?.trim();
+  if (!label) return null;
+  const appliedFields = [...(item.applied_fields ?? item.appliedFields ?? [])].map((field) => field.trim()).filter(Boolean);
+  return { label, appliedFields };
+}
+
+function sourceFieldSummary(fields: string[]): string {
+  const unique = Array.from(new Set(fields));
+  if (unique.length === 0) return "";
+  if (unique.length === 1 && unique[0] === "defaults") return "defaults";
+  if (unique.length <= 3) return unique.map(sourceFieldLabel).join(", ");
+  return `${unique.slice(0, 2).map(sourceFieldLabel).join(", ")} +${unique.length - 2}`;
+}
+
+function sourceFieldLabel(field: string): string {
+  if (field === "defaults") return "defaults";
+  const clean = field
+    .replace(/^whitelist[.]/, "allow ")
+    .replace(/^blacklist[.]/, "block ")
+    .replace(/[_.]/g, " ")
+    .trim();
+  return clean.charAt(0).toUpperCase() + clean.slice(1);
+}