@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/fields/profileFieldList.cjs

@@ -0,0 +1,215 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const AccordionList = require("../../components/AccordionList.cjs");
+const IconButton = require("../../components/IconButton.cjs");
+const Icon = require("../../data/Icon.cjs");
+const profileFieldEditor = require("./profileFieldEditor.cjs");
+const profileFieldIcons = require("./profileFieldIcons.cjs");
+const profileWizardModel = require("../wizard/profileWizardModel.cjs");
+const UiEye = require("../../icons/components/UiEye.cjs");
+const UiEyeClosed = require("../../icons/components/UiEyeClosed.cjs");
+const UiFilter = require("../../icons/components/UiFilter.cjs");
+const UiTrash = require("../../icons/components/UiTrash.cjs");
+const UiRefresh = require("../../icons/components/UiRefresh.cjs");
+const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+const inputClassNameSm = "w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+function ProfileFieldFilters({
+  state,
+  compact = false
+}) {
+  const className = compact ? inputClassNameSm : inputClassName;
+  const patch = (next) => state.setFilter((current) => ({ ...current, ...next }));
+  const search = /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "search",
+      value: state.filter.query,
+      onChange: (event) => patch({ query: event.target.value }),
+      placeholder: `Search ${state.available.length} fields`,
+      "aria-label": "Search fields",
+      className
+    }
+  );
+  const selects = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        value: state.filter.type,
+        "aria-label": "Filter by field type",
+        className: compact ? `${className} w-auto` : className,
+        onChange: (event) => patch({ type: event.target.value }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All types" }),
+          state.types.map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        value: state.filter.selection,
+        "aria-label": "Filter by selection",
+        className: compact ? `${className} w-auto` : className,
+        onChange: (event) => patch({ selection: event.target.value }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All fields" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "selected", children: "Selected" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "unselected", children: "Not selected" })
+        ]
+      }
+    )
+  ] });
+  if (compact) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2", children: [
+      search,
+      selects
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    search,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: selects })
+  ] });
+}
+function ProfileFieldList({ state }) {
+  const [collapsed, setCollapsed] = react.useState(false);
+  const fields = state.visibleFields;
+  const activeIndex = fields.findIndex((field) => {
+    var _a;
+    return field.name === ((_a = state.activeField) == null ? void 0 : _a.name);
+  });
+  const expanded = collapsed || activeIndex < 0 ? null : activeIndex;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AccordionList.AccordionList,
+      {
+        items: fields,
+        size: "sm",
+        listClassName: "bg-card",
+        itemId: (index) => {
+          var _a;
+          return `profile-column-${((_a = fields[index]) == null ? void 0 : _a.name) ?? index}`;
+        },
+        itemLabel: ({ item }) => item.name,
+        expanded,
+        onExpandedChange: (index) => {
+          setCollapsed(index === null);
+          const next = index === null ? void 0 : fields[index];
+          if (next) state.setActiveName(next.name);
+        },
+        allowDrag: true,
+        canDrag: ({ item }) => state.selectedNames.has(item.name),
+        onReorder: (from, to) => {
+          const source = fields[from];
+          const target = fields[to];
+          if (source && target) state.reorderField(source.name, target.name);
+        },
+        revealActions: false,
+        renderActions: ({ item }) => /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldRowActions, { field: item, state }),
+        renderHeader: ({ item }) => /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldRowHeader, { field: item, state }),
+        renderBody: ({ item }) => /* @__PURE__ */ jsxRuntime.jsx(
+          profileFieldEditor.ProfileFieldEditorForm,
+          {
+            field: item,
+            onChange: (patch) => state.patchField(item, patch)
+          }
+        )
+      }
+    ),
+    fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No fields match these filters." }) : null
+  ] });
+}
+function ProfileFieldRowHeader({
+  field,
+  state
+}) {
+  const selected = state.selectedNames.has(field.name);
+  const fieldState = !selected ? "deleted" : field.hidden ? "hidden" : "visible";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-field-state": fieldState,
+      className: `flex min-w-0 flex-1 items-center gap-2 ${fieldState === "deleted" ? "text-muted-foreground line-through opacity-60" : fieldState === "hidden" ? "text-muted-foreground opacity-60" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.LabelIcon,
+          {
+            icon: profileFieldIcons.profileTypeIcon(field.type),
+            className: "shrink-0 text-[15px] text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-sm font-medium", children: field.name }),
+        field.label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 truncate text-sm text-muted-foreground", children: field.label }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "truncate font-mono text-xs text-muted-foreground", children: summarizeColumn(field) }),
+        field.cel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary", children: "cel" }) : null
+      ]
+    }
+  );
+}
+function ProfileFieldRowActions({
+  field,
+  state
+}) {
+  var _a;
+  const selected = state.selectedNames.has(field.name);
+  const filterable = !((_a = field.filter) == null ? void 0 : _a.disabled);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: field.hidden ? UiEye.UiEye : UiEyeClosed.UiEyeClosed,
+        label: `${field.hidden ? "Show" : "Hide"} ${field.name}`,
+        disabled: !selected,
+        onClick: () => state.patchField(field, { hidden: !field.hidden })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: filterable ? UiFilter.UiFilterFilled : UiFilter.UiFilter,
+        label: `${filterable ? "Offer no filter for" : "Filter"} ${field.name}`,
+        disabled: !selected,
+        className: filterable ? void 0 : "text-muted-foreground/60",
+        onClick: () => state.patchField(field, {
+          filter: profileWizardModel.patchColumnFilter(field.filter, {
+            disabled: filterable ? true : void 0
+          })
+        })
+      }
+    ),
+    selected ? /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: UiTrash.UiTrash,
+        label: `Delete ${field.name}`,
+        className: "text-destructive hover:text-destructive",
+        onClick: () => state.removeField(field)
+      }
+    ) : (
+      // A deleted column is still listed (the sample reported it), so its way
+      // back has to live on the row — nothing else offers it now that the
+      // editor is the row's own panel.
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IconButton.IconButton,
+        {
+          icon: UiRefresh.UiRefresh,
+          label: `Restore ${field.name}`,
+          onClick: () => state.setFieldSelection(field, true)
+        }
+      )
+    )
+  ] });
+}
+function summarizeColumn(field) {
+  var _a, _b, _c;
+  const kind = ((_a = field.filter) == null ? void 0 : _a.kind) ?? profileWizardModel.inferredFilterKind(field);
+  const label = ((_b = profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)) == null ? void 0 : _b.label) ?? kind;
+  return [
+    field.type ?? "auto",
+    ((_c = field.filter) == null ? void 0 : _c.disabled) ? "no filter" : label.toLowerCase()
+  ].join(" · ");
+}
+exports.ProfileFieldFilters = ProfileFieldFilters;
+exports.ProfileFieldList = ProfileFieldList;
+//# sourceMappingURL=profileFieldList.cjs.map

package/dist/profiles/fields/profileFieldList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldList.cjs","sources":["../../../src/profiles/fields/profileFieldList.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { AccordionList } from \"../../components/AccordionList\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  UiEye,\n  UiEyeClosed,\n  UiFilter,\n  UiFilterFilled,\n  UiRefresh,\n  UiTrash,\n} from \"../../icons\";\nimport { LabelIcon } from \"../../data/Icon\";\nimport { ProfileFieldEditorForm } from \"./profileFieldEditor\";\nimport { profileTypeIcon } from \"./profileFieldIcons\";\nimport type { ProfileFieldState } from \"./profileFieldState\";\nimport {\n  inferredFilterKind,\n  patchColumnFilter,\n  PROFILE_FILTER_KIND_OPTIONS,\n  type ProfileColumn,\n  type ProfileFieldFilter,\n} from \"../wizard/profileWizardModel\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\nconst inputClassNameSm =\n  \"w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\n/** Search, type and selection filters. `compact` lays them out on one row for\n * the editor route's pinned toolbar; the wizard stacks them in its card. */\nexport function ProfileFieldFilters({\n  state,\n  compact = false,\n}: {\n  state: ProfileFieldState;\n  compact?: boolean;\n}) {\n  const className = compact ? inputClassNameSm : inputClassName;\n  const patch = (next: Partial<ProfileFieldFilter>) =>\n    state.setFilter((current) => ({ ...current, ...next }));\n  const search = (\n    <input\n      type=\"search\"\n      value={state.filter.query}\n      onChange={(event) => patch({ query: event.target.value })}\n      placeholder={`Search ${state.available.length} fields`}\n      aria-label=\"Search fields\"\n      className={className}\n    />\n  );\n  const selects = (\n    <>\n      <select\n        value={state.filter.type}\n        aria-label=\"Filter by field type\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) => patch({ type: event.target.value })}\n      >\n        <option value=\"\">All types</option>\n        {state.types.map((type) => (\n          <option key={type} value={type}>{type}</option>\n        ))}\n      </select>\n      <select\n        value={state.filter.selection}\n        aria-label=\"Filter by selection\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) =>\n          patch({ selection: event.target.value as ProfileFieldFilter[\"selection\"] })\n        }\n      >\n        <option value=\"all\">All fields</option>\n        <option value=\"selected\">Selected</option>\n        <option value=\"unselected\">Not selected</option>\n      </select>\n    </>\n  );\n  if (compact) {\n    return <div className=\"grid grid-cols-[1fr_auto_auto] gap-2\">{search}{selects}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {search}\n      <div className=\"grid grid-cols-2 gap-2\">{selects}</div>\n    </div>\n  );\n}\n\n/**\n * The profile's columns as an accordion list: one summary row per column, the\n * open one showing that column's whole editor.\n *\n * A spreadsheet of inline cells could only ever carry the four properties that\n * fit a cell; the other nine had to live somewhere else. This is the shape the\n * params editor already uses for the same problem — AccordionList owns the\n * disclosure, the roving focus and the drag — so the two lists behave alike.\n *\n * Rows are dragged by their handle to reorder the profile's columns. Only\n * configured fields take part: a deleted one has no position of its own, so it\n * is neither draggable nor a drop target.\n */\nexport function ProfileFieldList({ state }: { state: ProfileFieldState }) {\n  // The open row follows the active field; `collapsed` is the one thing the\n  // active field cannot express, since it always resolves to a column (there is\n  // no \"no active column\" state to close the list into).\n  const [collapsed, setCollapsed] = useState(false);\n  const fields = state.visibleFields;\n  const activeIndex = fields.findIndex((field) => field.name === state.activeField?.name);\n  const expanded = collapsed || activeIndex < 0 ? null : activeIndex;\n\n  return (\n    <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n      <AccordionList<ProfileColumn>\n        items={fields}\n        size=\"sm\"\n        listClassName=\"bg-card\"\n        itemId={(index) => `profile-column-${fields[index]?.name ?? index}`}\n        itemLabel={({ item }) => item.name}\n        expanded={expanded}\n        onExpandedChange={(index) => {\n          setCollapsed(index === null);\n          const next = index === null ? undefined : fields[index];\n          if (next) state.setActiveName(next.name);\n        }}\n        allowDrag\n        canDrag={({ item }) => state.selectedNames.has(item.name)}\n        onReorder={(from, to) => {\n          const source = fields[from];\n          const target = fields[to];\n          if (source && target) state.reorderField(source.name, target.name);\n        }}\n        // Hiding and filtering are states the row has to show at rest, not\n        // actions to be discovered on hover.\n        revealActions={false}\n        renderActions={({ item }) => <ProfileFieldRowActions field={item} state={state} />}\n        renderHeader={({ item }) => <ProfileFieldRowHeader field={item} state={state} />}\n        renderBody={({ item }) => (\n          <ProfileFieldEditorForm\n            field={item}\n            onChange={(patch) => state.patchField(item, patch)}\n          />\n        )}\n      />\n      {fields.length === 0 ? (\n        <p className=\"p-8 text-center text-sm text-muted-foreground\">\n          No fields match these filters.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ProfileFieldRowHeader({\n  field,\n  state,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n}) {\n  const selected = state.selectedNames.has(field.name);\n  const fieldState = !selected ? \"deleted\" : field.hidden ? \"hidden\" : \"visible\";\n  return (\n    <span\n      data-field-state={fieldState}\n      className={`flex min-w-0 flex-1 items-center gap-2 ${\n        fieldState === \"deleted\"\n          ? \"text-muted-foreground line-through opacity-60\"\n          : fieldState === \"hidden\"\n            ? \"text-muted-foreground opacity-60\"\n            : \"\"\n      }`}\n    >\n      <LabelIcon\n        icon={profileTypeIcon(field.type)}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span className=\"shrink-0 font-mono text-sm font-medium\">{field.name}</span>\n      {field.label ? (\n        <span className=\"shrink-0 truncate text-sm text-muted-foreground\">{field.label}</span>\n      ) : null}\n      <code className=\"truncate font-mono text-xs text-muted-foreground\">\n        {summarizeColumn(field)}\n      </code>\n      {field.cel ? (\n        <span className=\"shrink-0 rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary\">\n          cel\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\n/** Hide, filter and delete — the per-column actions the list carries, so a\n *  column can be shaped without opening it. */\nfunction ProfileFieldRowActions({\n  field,\n  state,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n}) {\n  const selected = state.selectedNames.has(field.name);\n  // A column is filterable unless it opts out, matching the server's inference.\n  const filterable = !field.filter?.disabled;\n  return (\n    <>\n      <IconButton\n        icon={field.hidden ? UiEye : UiEyeClosed}\n        label={`${field.hidden ? \"Show\" : \"Hide\"} ${field.name}`}\n        disabled={!selected}\n        onClick={() => state.patchField(field, { hidden: !field.hidden })}\n      />\n      <IconButton\n        // Filled while the column is filtered, hollow and muted while it is not:\n        // the pair the icon set already ships for exactly this \"is it on?\"\n        // question, next to the eye that answers the same for hiding.\n        icon={filterable ? UiFilterFilled : UiFilter}\n        label={`${filterable ? \"Offer no filter for\" : \"Filter\"} ${field.name}`}\n        disabled={!selected}\n        className={filterable ? undefined : \"text-muted-foreground/60\"}\n        onClick={() =>\n          state.patchField(field, {\n            filter: patchColumnFilter(field.filter, {\n              disabled: filterable ? true : undefined,\n            }),\n          })\n        }\n      />\n      {selected ? (\n        <IconButton\n          icon={UiTrash}\n          label={`Delete ${field.name}`}\n          className=\"text-destructive hover:text-destructive\"\n          onClick={() => state.removeField(field)}\n        />\n      ) : (\n        // A deleted column is still listed (the sample reported it), so its way\n        // back has to live on the row — nothing else offers it now that the\n        // editor is the row's own panel.\n        <IconButton\n          icon={UiRefresh}\n          label={`Restore ${field.name}`}\n          onClick={() => state.setFieldSelection(field, true)}\n        />\n      )}\n    </>\n  );\n}\n\n/** The properties the collapsed row can still answer for: what the column holds\n *  and how it is filtered. */\nfunction summarizeColumn(field: ProfileColumn): string {\n  const kind = field.filter?.kind ?? inferredFilterKind(field);\n  const label = PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)?.label ?? kind;\n  return [\n    field.type ?? \"auto\",\n    field.filter?.disabled ? \"no filter\" : label.toLowerCase(),\n  ].join(\" · \");\n}\n"],"names":["jsx","jsxs","Fragment","useState","AccordionList","ProfileFieldEditorForm","LabelIcon","profileTypeIcon","IconButton","UiEye","UiEyeClosed","UiFilterFilled","UiFilter","patchColumnFilter","UiTrash","UiRefresh","inferredFilterKind","PROFILE_FILTER_KIND_OPTIONS"],"mappings":"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"}

package/dist/profiles/fields/profileFieldList.d.ts

@@ -0,0 +1,24 @@
+import { ProfileFieldState } from './profileFieldState';
+/** Search, type and selection filters. `compact` lays them out on one row for
+ * the editor route's pinned toolbar; the wizard stacks them in its card. */
+export declare function ProfileFieldFilters({ state, compact, }: {
+    state: ProfileFieldState;
+    compact?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The profile's columns as an accordion list: one summary row per column, the
+ * open one showing that column's whole editor.
+ *
+ * A spreadsheet of inline cells could only ever carry the four properties that
+ * fit a cell; the other nine had to live somewhere else. This is the shape the
+ * params editor already uses for the same problem — AccordionList owns the
+ * disclosure, the roving focus and the drag — so the two lists behave alike.
+ *
+ * Rows are dragged by their handle to reorder the profile's columns. Only
+ * configured fields take part: a deleted one has no position of its own, so it
+ * is neither draggable nor a drop target.
+ */
+export declare function ProfileFieldList({ state }: {
+    state: ProfileFieldState;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileFieldList.d.ts.map

package/dist/profiles/fields/profileFieldList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldList.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldList.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe7D;4EAC4E;AAC5E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAe,GAChB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAkDA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,2CAiDvE"}

package/dist/profiles/fields/profileFieldList.js

@@ -0,0 +1,215 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { AccordionList } from "../../components/AccordionList.js";
+import { IconButton } from "../../components/IconButton.js";
+import { LabelIcon } from "../../data/Icon.js";
+import { ProfileFieldEditorForm } from "./profileFieldEditor.js";
+import { profileTypeIcon } from "./profileFieldIcons.js";
+import { patchColumnFilter, inferredFilterKind, PROFILE_FILTER_KIND_OPTIONS } from "../wizard/profileWizardModel.js";
+import { UiEye } from "../../icons/components/UiEye.js";
+import { UiEyeClosed } from "../../icons/components/UiEyeClosed.js";
+import { UiFilterFilled, UiFilter } from "../../icons/components/UiFilter.js";
+import { UiTrash } from "../../icons/components/UiTrash.js";
+import { UiRefresh } from "../../icons/components/UiRefresh.js";
+const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+const inputClassNameSm = "w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+function ProfileFieldFilters({
+  state,
+  compact = false
+}) {
+  const className = compact ? inputClassNameSm : inputClassName;
+  const patch = (next) => state.setFilter((current) => ({ ...current, ...next }));
+  const search = /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "search",
+      value: state.filter.query,
+      onChange: (event) => patch({ query: event.target.value }),
+      placeholder: `Search ${state.available.length} fields`,
+      "aria-label": "Search fields",
+      className
+    }
+  );
+  const selects = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value: state.filter.type,
+        "aria-label": "Filter by field type",
+        className: compact ? `${className} w-auto` : className,
+        onChange: (event) => patch({ type: event.target.value }),
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: "All types" }),
+          state.types.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value: state.filter.selection,
+        "aria-label": "Filter by selection",
+        className: compact ? `${className} w-auto` : className,
+        onChange: (event) => patch({ selection: event.target.value }),
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "all", children: "All fields" }),
+          /* @__PURE__ */ jsx("option", { value: "selected", children: "Selected" }),
+          /* @__PURE__ */ jsx("option", { value: "unselected", children: "Not selected" })
+        ]
+      }
+    )
+  ] });
+  if (compact) {
+    return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2", children: [
+      search,
+      selects
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    search,
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: selects })
+  ] });
+}
+function ProfileFieldList({ state }) {
+  const [collapsed, setCollapsed] = useState(false);
+  const fields = state.visibleFields;
+  const activeIndex = fields.findIndex((field) => {
+    var _a;
+    return field.name === ((_a = state.activeField) == null ? void 0 : _a.name);
+  });
+  const expanded = collapsed || activeIndex < 0 ? null : activeIndex;
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: [
+    /* @__PURE__ */ jsx(
+      AccordionList,
+      {
+        items: fields,
+        size: "sm",
+        listClassName: "bg-card",
+        itemId: (index) => {
+          var _a;
+          return `profile-column-${((_a = fields[index]) == null ? void 0 : _a.name) ?? index}`;
+        },
+        itemLabel: ({ item }) => item.name,
+        expanded,
+        onExpandedChange: (index) => {
+          setCollapsed(index === null);
+          const next = index === null ? void 0 : fields[index];
+          if (next) state.setActiveName(next.name);
+        },
+        allowDrag: true,
+        canDrag: ({ item }) => state.selectedNames.has(item.name),
+        onReorder: (from, to) => {
+          const source = fields[from];
+          const target = fields[to];
+          if (source && target) state.reorderField(source.name, target.name);
+        },
+        revealActions: false,
+        renderActions: ({ item }) => /* @__PURE__ */ jsx(ProfileFieldRowActions, { field: item, state }),
+        renderHeader: ({ item }) => /* @__PURE__ */ jsx(ProfileFieldRowHeader, { field: item, state }),
+        renderBody: ({ item }) => /* @__PURE__ */ jsx(
+          ProfileFieldEditorForm,
+          {
+            field: item,
+            onChange: (patch) => state.patchField(item, patch)
+          }
+        )
+      }
+    ),
+    fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No fields match these filters." }) : null
+  ] });
+}
+function ProfileFieldRowHeader({
+  field,
+  state
+}) {
+  const selected = state.selectedNames.has(field.name);
+  const fieldState = !selected ? "deleted" : field.hidden ? "hidden" : "visible";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-field-state": fieldState,
+      className: `flex min-w-0 flex-1 items-center gap-2 ${fieldState === "deleted" ? "text-muted-foreground line-through opacity-60" : fieldState === "hidden" ? "text-muted-foreground opacity-60" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          LabelIcon,
+          {
+            icon: profileTypeIcon(field.type),
+            className: "shrink-0 text-[15px] text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-sm font-medium", children: field.name }),
+        field.label ? /* @__PURE__ */ jsx("span", { className: "shrink-0 truncate text-sm text-muted-foreground", children: field.label }) : null,
+        /* @__PURE__ */ jsx("code", { className: "truncate font-mono text-xs text-muted-foreground", children: summarizeColumn(field) }),
+        field.cel ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary", children: "cel" }) : null
+      ]
+    }
+  );
+}
+function ProfileFieldRowActions({
+  field,
+  state
+}) {
+  var _a;
+  const selected = state.selectedNames.has(field.name);
+  const filterable = !((_a = field.filter) == null ? void 0 : _a.disabled);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: field.hidden ? UiEye : UiEyeClosed,
+        label: `${field.hidden ? "Show" : "Hide"} ${field.name}`,
+        disabled: !selected,
+        onClick: () => state.patchField(field, { hidden: !field.hidden })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: filterable ? UiFilterFilled : UiFilter,
+        label: `${filterable ? "Offer no filter for" : "Filter"} ${field.name}`,
+        disabled: !selected,
+        className: filterable ? void 0 : "text-muted-foreground/60",
+        onClick: () => state.patchField(field, {
+          filter: patchColumnFilter(field.filter, {
+            disabled: filterable ? true : void 0
+          })
+        })
+      }
+    ),
+    selected ? /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: UiTrash,
+        label: `Delete ${field.name}`,
+        className: "text-destructive hover:text-destructive",
+        onClick: () => state.removeField(field)
+      }
+    ) : (
+      // A deleted column is still listed (the sample reported it), so its way
+      // back has to live on the row — nothing else offers it now that the
+      // editor is the row's own panel.
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: UiRefresh,
+          label: `Restore ${field.name}`,
+          onClick: () => state.setFieldSelection(field, true)
+        }
+      )
+    )
+  ] });
+}
+function summarizeColumn(field) {
+  var _a, _b, _c;
+  const kind = ((_a = field.filter) == null ? void 0 : _a.kind) ?? inferredFilterKind(field);
+  const label = ((_b = PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)) == null ? void 0 : _b.label) ?? kind;
+  return [
+    field.type ?? "auto",
+    ((_c = field.filter) == null ? void 0 : _c.disabled) ? "no filter" : label.toLowerCase()
+  ].join(" · ");
+}
+export {
+  ProfileFieldFilters,
+  ProfileFieldList
+};
+//# sourceMappingURL=profileFieldList.js.map

package/dist/profiles/fields/profileFieldList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldList.js","sources":["../../../src/profiles/fields/profileFieldList.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { AccordionList } from \"../../components/AccordionList\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  UiEye,\n  UiEyeClosed,\n  UiFilter,\n  UiFilterFilled,\n  UiRefresh,\n  UiTrash,\n} from \"../../icons\";\nimport { LabelIcon } from \"../../data/Icon\";\nimport { ProfileFieldEditorForm } from \"./profileFieldEditor\";\nimport { profileTypeIcon } from \"./profileFieldIcons\";\nimport type { ProfileFieldState } from \"./profileFieldState\";\nimport {\n  inferredFilterKind,\n  patchColumnFilter,\n  PROFILE_FILTER_KIND_OPTIONS,\n  type ProfileColumn,\n  type ProfileFieldFilter,\n} from \"../wizard/profileWizardModel\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\nconst inputClassNameSm =\n  \"w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\n/** Search, type and selection filters. `compact` lays them out on one row for\n * the editor route's pinned toolbar; the wizard stacks them in its card. */\nexport function ProfileFieldFilters({\n  state,\n  compact = false,\n}: {\n  state: ProfileFieldState;\n  compact?: boolean;\n}) {\n  const className = compact ? inputClassNameSm : inputClassName;\n  const patch = (next: Partial<ProfileFieldFilter>) =>\n    state.setFilter((current) => ({ ...current, ...next }));\n  const search = (\n    <input\n      type=\"search\"\n      value={state.filter.query}\n      onChange={(event) => patch({ query: event.target.value })}\n      placeholder={`Search ${state.available.length} fields`}\n      aria-label=\"Search fields\"\n      className={className}\n    />\n  );\n  const selects = (\n    <>\n      <select\n        value={state.filter.type}\n        aria-label=\"Filter by field type\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) => patch({ type: event.target.value })}\n      >\n        <option value=\"\">All types</option>\n        {state.types.map((type) => (\n          <option key={type} value={type}>{type}</option>\n        ))}\n      </select>\n      <select\n        value={state.filter.selection}\n        aria-label=\"Filter by selection\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) =>\n          patch({ selection: event.target.value as ProfileFieldFilter[\"selection\"] })\n        }\n      >\n        <option value=\"all\">All fields</option>\n        <option value=\"selected\">Selected</option>\n        <option value=\"unselected\">Not selected</option>\n      </select>\n    </>\n  );\n  if (compact) {\n    return <div className=\"grid grid-cols-[1fr_auto_auto] gap-2\">{search}{selects}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {search}\n      <div className=\"grid grid-cols-2 gap-2\">{selects}</div>\n    </div>\n  );\n}\n\n/**\n * The profile's columns as an accordion list: one summary row per column, the\n * open one showing that column's whole editor.\n *\n * A spreadsheet of inline cells could only ever carry the four properties that\n * fit a cell; the other nine had to live somewhere else. This is the shape the\n * params editor already uses for the same problem — AccordionList owns the\n * disclosure, the roving focus and the drag — so the two lists behave alike.\n *\n * Rows are dragged by their handle to reorder the profile's columns. Only\n * configured fields take part: a deleted one has no position of its own, so it\n * is neither draggable nor a drop target.\n */\nexport function ProfileFieldList({ state }: { state: ProfileFieldState }) {\n  // The open row follows the active field; `collapsed` is the one thing the\n  // active field cannot express, since it always resolves to a column (there is\n  // no \"no active column\" state to close the list into).\n  const [collapsed, setCollapsed] = useState(false);\n  const fields = state.visibleFields;\n  const activeIndex = fields.findIndex((field) => field.name === state.activeField?.name);\n  const expanded = collapsed || activeIndex < 0 ? null : activeIndex;\n\n  return (\n    <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n      <AccordionList<ProfileColumn>\n        items={fields}\n        size=\"sm\"\n        listClassName=\"bg-card\"\n        itemId={(index) => `profile-column-${fields[index]?.name ?? index}`}\n        itemLabel={({ item }) => item.name}\n        expanded={expanded}\n        onExpandedChange={(index) => {\n          setCollapsed(index === null);\n          const next = index === null ? undefined : fields[index];\n          if (next) state.setActiveName(next.name);\n        }}\n        allowDrag\n        canDrag={({ item }) => state.selectedNames.has(item.name)}\n        onReorder={(from, to) => {\n          const source = fields[from];\n          const target = fields[to];\n          if (source && target) state.reorderField(source.name, target.name);\n        }}\n        // Hiding and filtering are states the row has to show at rest, not\n        // actions to be discovered on hover.\n        revealActions={false}\n        renderActions={({ item }) => <ProfileFieldRowActions field={item} state={state} />}\n        renderHeader={({ item }) => <ProfileFieldRowHeader field={item} state={state} />}\n        renderBody={({ item }) => (\n          <ProfileFieldEditorForm\n            field={item}\n            onChange={(patch) => state.patchField(item, patch)}\n          />\n        )}\n      />\n      {fields.length === 0 ? (\n        <p className=\"p-8 text-center text-sm text-muted-foreground\">\n          No fields match these filters.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ProfileFieldRowHeader({\n  field,\n  state,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n}) {\n  const selected = state.selectedNames.has(field.name);\n  const fieldState = !selected ? \"deleted\" : field.hidden ? \"hidden\" : \"visible\";\n  return (\n    <span\n      data-field-state={fieldState}\n      className={`flex min-w-0 flex-1 items-center gap-2 ${\n        fieldState === \"deleted\"\n          ? \"text-muted-foreground line-through opacity-60\"\n          : fieldState === \"hidden\"\n            ? \"text-muted-foreground opacity-60\"\n            : \"\"\n      }`}\n    >\n      <LabelIcon\n        icon={profileTypeIcon(field.type)}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span className=\"shrink-0 font-mono text-sm font-medium\">{field.name}</span>\n      {field.label ? (\n        <span className=\"shrink-0 truncate text-sm text-muted-foreground\">{field.label}</span>\n      ) : null}\n      <code className=\"truncate font-mono text-xs text-muted-foreground\">\n        {summarizeColumn(field)}\n      </code>\n      {field.cel ? (\n        <span className=\"shrink-0 rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary\">\n          cel\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\n/** Hide, filter and delete — the per-column actions the list carries, so a\n *  column can be shaped without opening it. */\nfunction ProfileFieldRowActions({\n  field,\n  state,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n}) {\n  const selected = state.selectedNames.has(field.name);\n  // A column is filterable unless it opts out, matching the server's inference.\n  const filterable = !field.filter?.disabled;\n  return (\n    <>\n      <IconButton\n        icon={field.hidden ? UiEye : UiEyeClosed}\n        label={`${field.hidden ? \"Show\" : \"Hide\"} ${field.name}`}\n        disabled={!selected}\n        onClick={() => state.patchField(field, { hidden: !field.hidden })}\n      />\n      <IconButton\n        // Filled while the column is filtered, hollow and muted while it is not:\n        // the pair the icon set already ships for exactly this \"is it on?\"\n        // question, next to the eye that answers the same for hiding.\n        icon={filterable ? UiFilterFilled : UiFilter}\n        label={`${filterable ? \"Offer no filter for\" : \"Filter\"} ${field.name}`}\n        disabled={!selected}\n        className={filterable ? undefined : \"text-muted-foreground/60\"}\n        onClick={() =>\n          state.patchField(field, {\n            filter: patchColumnFilter(field.filter, {\n              disabled: filterable ? true : undefined,\n            }),\n          })\n        }\n      />\n      {selected ? (\n        <IconButton\n          icon={UiTrash}\n          label={`Delete ${field.name}`}\n          className=\"text-destructive hover:text-destructive\"\n          onClick={() => state.removeField(field)}\n        />\n      ) : (\n        // A deleted column is still listed (the sample reported it), so its way\n        // back has to live on the row — nothing else offers it now that the\n        // editor is the row's own panel.\n        <IconButton\n          icon={UiRefresh}\n          label={`Restore ${field.name}`}\n          onClick={() => state.setFieldSelection(field, true)}\n        />\n      )}\n    </>\n  );\n}\n\n/** The properties the collapsed row can still answer for: what the column holds\n *  and how it is filtered. */\nfunction summarizeColumn(field: ProfileColumn): string {\n  const kind = field.filter?.kind ?? inferredFilterKind(field);\n  const label = PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)?.label ?? kind;\n  return [\n    field.type ?? \"auto\",\n    field.filter?.disabled ? \"no filter\" : label.toLowerCase(),\n  ].join(\" · \");\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/fields/profileFieldManager.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../components/button.cjs");
+const profileFieldEditor = require("./profileFieldEditor.cjs");
+const profileFieldList = require("./profileFieldList.cjs");
+const profileFieldState = require("./profileFieldState.cjs");
+function ProfileFieldManager(props) {
+  const state = profileFieldState.useProfileFieldState(props);
+  const { activeField } = state;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-0 gap-4 lg:grid-cols-[minmax(22rem,0.9fr)_minmax(24rem,1.1fr)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex min-h-0 flex-col overflow-hidden rounded-xl border bg-card", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 border-b p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: "Fields" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              state.configuredCount,
+              " of ",
+              state.available.length,
+              " fields selected"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "outline", onClick: state.addField, children: "Add column" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "font-medium text-primary hover:underline",
+                onClick: () => state.setVisibleSelection(true),
+                children: "Select visible"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-border", children: "|" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "font-medium text-muted-foreground hover:text-foreground",
+                onClick: () => state.setVisibleSelection(false),
+                children: "Clear visible"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(profileFieldList.ProfileFieldFilters, { state })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-64 flex-1 overflow-auto", role: "list", children: [
+        state.visibleFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "listitem",
+            className: `flex w-full items-center gap-3 border-b px-4 py-2.5 text-sm transition-colors ${(activeField == null ? void 0 : activeField.name) === field.name ? "bg-primary/8" : "hover:bg-muted/50"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: state.selectedNames.has(field.name),
+                  "aria-label": `Include ${field.name}`,
+                  onChange: (event) => state.setFieldSelection(field, event.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "flex min-w-0 flex-1 items-center gap-3 text-left",
+                  onClick: () => state.setActiveName(field.name),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: field.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-2 py-0.5 text-[11px] text-muted-foreground", children: field.type || "auto" })
+                  ]
+                }
+              )
+            ]
+          },
+          field.name
+        )),
+        state.visibleFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No fields match these filters." }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldEditor.ProfileFieldEditor,
+      {
+        field: activeField,
+        selected: Boolean(activeField && state.selectedNames.has(activeField.name)),
+        onSelectedChange: (selected) => {
+          if (activeField) state.setFieldSelection(activeField, selected);
+        },
+        onChange: state.updateActiveField,
+        canMoveUp: state.canMoveUp,
+        canMoveDown: state.canMoveDown,
+        onMoveUp: () => state.moveActive(-1),
+        onMoveDown: () => state.moveActive(1),
+        onRemove: state.removeActive
+      }
+    )
+  ] });
+}
+exports.ProfileFieldManager = ProfileFieldManager;
+//# sourceMappingURL=profileFieldManager.cjs.map

package/dist/profiles/fields/profileFieldManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldManager.cjs","sources":["../../../src/profiles/fields/profileFieldManager.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { ProfileFieldEditor } from \"./profileFieldEditor\";\nimport { ProfileFieldFilters } from \"./profileFieldList\";\nimport { useProfileFieldState, type ProfileFieldStateProps } from \"./profileFieldState\";\n\n/**\n * The wizard's two-pane column step: a field list beside the inspector.\n *\n * The editor route spreads the same state across Workspace panes instead; both\n * read `useProfileFieldState`, so selection and filtering behave identically.\n */\nexport function ProfileFieldManager(props: ProfileFieldStateProps) {\n  const state = useProfileFieldState(props);\n  const { activeField } = state;\n\n  return (\n    <div className=\"grid min-h-0 gap-4 lg:grid-cols-[minmax(22rem,0.9fr)_minmax(24rem,1.1fr)]\">\n      <section className=\"flex min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n        <div className=\"space-y-3 border-b p-4\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <h3 className=\"font-semibold\">Fields</h3>\n              <p className=\"text-xs text-muted-foreground\">\n                {state.configuredCount} of {state.available.length} fields selected\n              </p>\n            </div>\n            <div className=\"flex items-center gap-2 text-xs\">\n              <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={state.addField}>\n                Add column\n              </Button>\n              <button\n                type=\"button\"\n                className=\"font-medium text-primary hover:underline\"\n                onClick={() => state.setVisibleSelection(true)}\n              >\n                Select visible\n              </button>\n              <span className=\"text-border\">|</span>\n              <button\n                type=\"button\"\n                className=\"font-medium text-muted-foreground hover:text-foreground\"\n                onClick={() => state.setVisibleSelection(false)}\n              >\n                Clear visible\n              </button>\n            </div>\n          </div>\n          <ProfileFieldFilters state={state} />\n        </div>\n        <div className=\"min-h-64 flex-1 overflow-auto\" role=\"list\">\n          {state.visibleFields.map((field) => (\n            <div\n              key={field.name}\n              role=\"listitem\"\n              className={`flex w-full items-center gap-3 border-b px-4 py-2.5 text-sm transition-colors ${\n                activeField?.name === field.name ? \"bg-primary/8\" : \"hover:bg-muted/50\"\n              }`}\n            >\n              <input\n                type=\"checkbox\"\n                checked={state.selectedNames.has(field.name)}\n                aria-label={`Include ${field.name}`}\n                onChange={(event) => state.setFieldSelection(field, event.target.checked)}\n              />\n              <button\n                type=\"button\"\n                className=\"flex min-w-0 flex-1 items-center gap-3 text-left\"\n                onClick={() => state.setActiveName(field.name)}\n              >\n                <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n                  {field.name}\n                </span>\n                <span className=\"rounded bg-muted px-2 py-0.5 text-[11px] text-muted-foreground\">\n                  {field.type || \"auto\"}\n                </span>\n              </button>\n            </div>\n          ))}\n          {state.visibleFields.length === 0 ? (\n            <p className=\"p-8 text-center text-sm text-muted-foreground\">\n              No fields match these filters.\n            </p>\n          ) : null}\n        </div>\n      </section>\n\n      <ProfileFieldEditor\n        field={activeField}\n        selected={Boolean(activeField && state.selectedNames.has(activeField.name))}\n        onSelectedChange={(selected) => {\n          if (activeField) state.setFieldSelection(activeField, selected);\n        }}\n        onChange={state.updateActiveField}\n        canMoveUp={state.canMoveUp}\n        canMoveDown={state.canMoveDown}\n        onMoveUp={() => state.moveActive(-1)}\n        onMoveDown={() => state.moveActive(1)}\n        onRemove={state.removeActive}\n      />\n    </div>\n  );\n}\n"],"names":["useProfileFieldState","jsxs","jsx","Button","ProfileFieldFilters","ProfileFieldEditor"],"mappings":"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"}