@flanksource/clicky-ui 0.3.36 → 0.3.38

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldEditor.cjs","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(\n  fieldName: string,\n): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>\n                    {example.label}\n                  </option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          fullWidth\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":["celFieldAccess","jsxs","Fragment","jsx","Button","useJsonPathSampleRows","ProfileFieldFilterEditor","EditorField","profileTypeIcon","inputClassName","UiTag","EnumField","UiFileType","profileTypeOptions","UiTableProperties","profileRoleOptions","UiPalette","profileFormatOptions","UiScale","profileUnitOptions","UiColumns","UiFunctionSquare","CelTestButton","UiBraces","JSONPathField","evaluateJsonPath","UiEyeClosed"],"mappings":"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"}
+{"version":3,"file":"profileFieldEditor.cjs","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(\n  fieldName: string,\n): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>\n                    {example.label}\n                  </option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":["celFieldAccess","jsxs","Fragment","jsx","Button","useJsonPathSampleRows","ProfileFieldFilterEditor","EditorField","profileTypeIcon","inputClassName","UiTag","EnumField","UiFileType","profileTypeOptions","UiTableProperties","profileRoleOptions","UiPalette","profileFormatOptions","UiScale","profileUnitOptions","UiColumns","UiFunctionSquare","CelTestButton","UiBraces","JSONPathField","evaluateJsonPath","UiEyeClosed"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMzE,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,8BAA8B,qDACS,CAAC;AA+BrD;kDACkD;AAClD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,YAAY,+BAkCd;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,+BA0LA;AAED;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,GAAG,OAAO,EACX,EAAE,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,+BAyBA"}
+{"version":3,"file":"profileFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAMzE,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,8BAA8B,qDACS,CAAC;AA+BrD;kDACkD;AAClD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,YAAY,+BAkCd;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,+BAyLA;AAED;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,GAAG,OAAO,EACX,EAAE,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,+BAyBA"}

package/dist/profiles/fields/profileFieldEditor.js

@@ -255,7 +255,6 @@ function ProfileFieldEditorForm({
       {
         label: "JSONPath",
         icon: /* @__PURE__ */ jsx(UiBraces, {}),
-        fullWidth: true,
         help: "Optional path computing the value, rooted at the row or at Source; an alternative to CEL.",
         children: /* @__PURE__ */ jsx(
           JSONPathField,

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldEditor.js","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(\n  fieldName: string,\n): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>\n                    {example.label}\n                  </option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          fullWidth\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"profileFieldEditor.js","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(\n  fieldName: string,\n): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>\n                    {example.label}\n                  </option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/fields/profileFieldList.cjs

@@ -4,17 +4,21 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const AccordionList = require("../../components/AccordionList.cjs");
 const IconButton = require("../../components/IconButton.cjs");
+const button = require("../../components/button.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
 const Icon = require("../../data/Icon.cjs");
 const profileFieldEditor = require("./profileFieldEditor.cjs");
 const profileFieldIcons = require("./profileFieldIcons.cjs");
 const profileWizardModel = require("../wizard/profileWizardModel.cjs");
+const UiDotsVertical = require("../../icons/components/UiDotsVertical.cjs");
+const UiAdd = require("../../icons/components/UiAdd.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";
+const inputClassNameSm = "h-7 min-w-0 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
@@ -38,7 +42,7 @@ function ProfileFieldFilters({
       {
         value: state.filter.type,
         "aria-label": "Filter by field type",
-        className: compact ? `${className} w-auto` : className,
+        className: compact ? `${className} w-[5.25rem]` : className,
         onChange: (event) => patch({ type: event.target.value }),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All types" }),
@@ -51,8 +55,10 @@ function ProfileFieldFilters({
       {
         value: state.filter.selection,
         "aria-label": "Filter by selection",
-        className: compact ? `${className} w-auto` : className,
-        onChange: (event) => patch({ selection: event.target.value }),
+        className: compact ? `${className} w-[5.5rem]` : 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" }),
@@ -62,23 +68,233 @@ function ProfileFieldFilters({
     )
   ] });
   if (compact) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2", children: [
-      search,
-      selects
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-profile-field-filters": "compact",
+        className: "grid grid-cols-[minmax(0,1fr)_auto_auto] gap-1",
+        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 ProfileFieldSidebarList({
+  state,
+  reset,
+  onFieldSelect,
+  onAdd
+}) {
+  const [dragFrom, setDragFrom] = react.useState();
+  const [dragOver, setDragOver] = react.useState();
+  const fields = state.visibleFields;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldFilters, { state, compact: true }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      fields.map((field, index) => {
+        var _a;
+        const selected = state.selectedNames.has(field.name);
+        const active = field.name === ((_a = state.activeField) == null ? void 0 : _a.name);
+        const draggable = selected;
+        const dropEdge = dragFrom === void 0 || dragOver !== index || dragFrom === index ? void 0 : dragFrom < index ? "bottom" : "top";
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-profile-tree-item": true,
+            "data-profile-column-row": true,
+            "data-drop-edge": dropEdge,
+            className: `group relative flex min-w-0 items-center gap-1 rounded-md px-1 py-0.5 ${active ? "bg-primary/[0.08]" : "hover:bg-muted/50"} ${dropEdge === "top" ? "shadow-[inset_0_2px_0_0_var(--color-primary)]" : dropEdge === "bottom" ? "shadow-[inset_0_-2px_0_0_var(--color-primary)]" : ""}`,
+            onDragOver: (event) => {
+              if (!draggable || dragFrom === void 0) return;
+              event.preventDefault();
+              event.dataTransfer.dropEffect = "move";
+              setDragOver(index);
+            },
+            onDrop: (event) => {
+              if (!draggable || dragFrom === void 0) return;
+              event.preventDefault();
+              const source = fields[dragFrom];
+              if (source) state.reorderField(source.name, field.name);
+              setDragFrom(void 0);
+              setDragOver(void 0);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  draggable,
+                  disabled: !draggable,
+                  "aria-label": `Reorder ${field.name}`,
+                  className: "shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground disabled:cursor-default disabled:opacity-30",
+                  onDragStart: (event) => {
+                    event.dataTransfer.effectAllowed = "move";
+                    setDragFrom(index);
+                  },
+                  onDragEnd: () => {
+                    setDragFrom(void 0);
+                    setDragOver(void 0);
+                  },
+                  onKeyDown: (event) => {
+                    const next = event.key === "ArrowUp" ? fields[index - 1] : event.key === "ArrowDown" ? fields[index + 1] : void 0;
+                    if (!next || !state.selectedNames.has(next.name)) return;
+                    event.preventDefault();
+                    state.reorderField(field.name, next.name);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(UiDotsVertical.UiDotsVertical, { className: "size-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-current": active ? "page" : void 0,
+                  className: `flex min-w-0 flex-1 items-center gap-1.5 rounded px-1 py-1 text-left text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${selected ? "" : "text-muted-foreground line-through opacity-60"}`,
+                  onClick: () => {
+                    if (onFieldSelect) onFieldSelect(field.name);
+                    else state.setActiveName(field.name);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono font-medium", children: field.name })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldRowMenu, { field, state })
+            ]
+          },
+          field.name
+        );
+      }),
+      fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          "data-profile-tree-item": true,
+          className: "relative rounded-md px-2 py-2 text-xs text-muted-foreground",
+          children: "No fields match these filters."
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+      state.configuredCount,
+      " of ",
+      state.available.length,
+      " included"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-1.5", children: [
+      reset ? /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          disabled: reset.disabled,
+          title: reset.title,
+          onClick: reset.onReset,
+          children: "Reset"
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          "data-profile-tree-item": true,
+          className: `relative justify-start ${reset ? "" : "col-span-2"}`,
+          onClick: () => {
+            state.addField();
+            onAdd == null ? void 0 : onAdd();
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(UiAdd.UiAdd, { className: "size-3.5" }),
+            "Add column"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function ProfileFieldRowMenu({
+  field,
+  state
+}) {
+  var _a;
+  const selected = state.selectedNames.has(field.name);
+  const filterable = !((_a = field.filter) == null ? void 0 : _a.disabled);
+  const items = selected ? [
+    {
+      label: field.hidden ? "Show column" : "Hide column",
+      icon: field.hidden ? UiEye.UiEye : UiEyeClosed.UiEyeClosed,
+      onSelect: () => state.patchField(field, { hidden: !field.hidden })
+    },
+    {
+      label: filterable ? "Disable filtering" : "Enable filtering",
+      icon: filterable ? UiFilter.UiFilterFilled : UiFilter.UiFilter,
+      onSelect: () => state.patchField(field, {
+        filter: profileWizardModel.patchColumnFilter(field.filter, {
+          disabled: filterable ? true : void 0
+        })
+      })
+    },
+    {
+      label: "Remove column",
+      icon: UiTrash.UiTrash,
+      iconColor: "var(--color-destructive)",
+      onSelect: () => state.removeField(field)
+    }
+  ] : [
+    {
+      label: "Restore column",
+      icon: UiRefresh.UiRefresh,
+      onSelect: () => state.setFieldSelection(field, true)
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenu.DropdownMenu,
+    {
+      align: "right",
+      menuLabel: `${field.name} field actions`,
+      menuClassName: "min-w-40",
+      header: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: profileFieldIcons.profileTypeIcon(field.type), className: "text-sm" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          field.type ?? "auto",
+          " type"
+        ] })
+      ] }),
+      trigger: /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          role: "button",
+          tabIndex: 0,
+          "aria-label": `More actions for ${field.name}`,
+          className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(UiDotsVertical.UiDotsVertical, { className: "size-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+              "More actions for ",
+              field.name
+            ] })
+          ]
+        }
+      ),
+      items
+    }
+  );
+}
 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 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(
@@ -212,4 +428,5 @@ function summarizeColumn(field) {
 }
 exports.ProfileFieldFilters = ProfileFieldFilters;
 exports.ProfileFieldList = ProfileFieldList;
+exports.ProfileFieldSidebarList = ProfileFieldSidebarList;
 //# sourceMappingURL=profileFieldList.cjs.map

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

@@ -1 +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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"}
+{"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 { Button } from \"../../components/button\";\nimport {\n  DropdownMenu,\n  type DropdownMenuItem,\n} from \"../../overlay/DropdownMenu\";\nimport {\n  UiAdd,\n  UiDotsVertical,\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  \"h-7 min-w-0 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-[5.25rem]` : 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}>\n            {type}\n          </option>\n        ))}\n      </select>\n      <select\n        value={state.filter.selection}\n        aria-label=\"Filter by selection\"\n        className={compact ? `${className} w-[5.5rem]` : className}\n        onChange={(event) =>\n          patch({\n            selection: event.target.value as ProfileFieldFilter[\"selection\"],\n          })\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 (\n      <div\n        data-profile-field-filters=\"compact\"\n        className=\"grid grid-cols-[minmax(0,1fr)_auto_auto] gap-1\"\n      >\n        {search}\n        {selects}\n      </div>\n    );\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\nexport function ProfileFieldSidebarList({\n  state,\n  reset,\n  onFieldSelect,\n  onAdd,\n}: {\n  state: ProfileFieldState;\n  reset?: {\n    disabled: boolean;\n    title: string;\n    onReset: () => void;\n  };\n  onFieldSelect?: (name: string) => void;\n  onAdd?: () => void;\n}) {\n  const [dragFrom, setDragFrom] = useState<number>();\n  const [dragOver, setDragOver] = useState<number>();\n  const fields = state.visibleFields;\n\n  return (\n    <div className=\"space-y-2 py-1\">\n      <ProfileFieldFilters state={state} compact />\n      <div className=\"space-y-0.5\">\n        {fields.map((field, index) => {\n          const selected = state.selectedNames.has(field.name);\n          const active = field.name === state.activeField?.name;\n          const draggable = selected;\n          const dropEdge =\n            dragFrom === undefined || dragOver !== index || dragFrom === index\n              ? undefined\n              : dragFrom < index\n                ? \"bottom\"\n                : \"top\";\n          return (\n            <div\n              key={field.name}\n              data-profile-tree-item\n              data-profile-column-row\n              data-drop-edge={dropEdge}\n              className={`group relative flex min-w-0 items-center gap-1 rounded-md px-1 py-0.5 ${\n                active ? \"bg-primary/[0.08]\" : \"hover:bg-muted/50\"\n              } ${\n                dropEdge === \"top\"\n                  ? \"shadow-[inset_0_2px_0_0_var(--color-primary)]\"\n                  : dropEdge === \"bottom\"\n                    ? \"shadow-[inset_0_-2px_0_0_var(--color-primary)]\"\n                    : \"\"\n              }`}\n              onDragOver={(event) => {\n                if (!draggable || dragFrom === undefined) return;\n                event.preventDefault();\n                event.dataTransfer.dropEffect = \"move\";\n                setDragOver(index);\n              }}\n              onDrop={(event) => {\n                if (!draggable || dragFrom === undefined) return;\n                event.preventDefault();\n                const source = fields[dragFrom];\n                if (source) state.reorderField(source.name, field.name);\n                setDragFrom(undefined);\n                setDragOver(undefined);\n              }}\n            >\n              <button\n                type=\"button\"\n                draggable={draggable}\n                disabled={!draggable}\n                aria-label={`Reorder ${field.name}`}\n                className=\"shrink-0 cursor-grab rounded text-muted-foreground hover:text-foreground disabled:cursor-default disabled:opacity-30\"\n                onDragStart={(event) => {\n                  event.dataTransfer.effectAllowed = \"move\";\n                  setDragFrom(index);\n                }}\n                onDragEnd={() => {\n                  setDragFrom(undefined);\n                  setDragOver(undefined);\n                }}\n                onKeyDown={(event) => {\n                  const next =\n                    event.key === \"ArrowUp\"\n                      ? fields[index - 1]\n                      : event.key === \"ArrowDown\"\n                        ? fields[index + 1]\n                        : undefined;\n                  if (!next || !state.selectedNames.has(next.name)) return;\n                  event.preventDefault();\n                  state.reorderField(field.name, next.name);\n                }}\n              >\n                <UiDotsVertical className=\"size-3.5\" />\n              </button>\n              <button\n                type=\"button\"\n                aria-current={active ? \"page\" : undefined}\n                className={`flex min-w-0 flex-1 items-center gap-1.5 rounded px-1 py-1 text-left text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${\n                  selected\n                    ? \"\"\n                    : \"text-muted-foreground line-through opacity-60\"\n                }`}\n                onClick={() => {\n                  if (onFieldSelect) onFieldSelect(field.name);\n                  else state.setActiveName(field.name);\n                }}\n              >\n                <span className=\"truncate font-mono font-medium\">\n                  {field.name}\n                </span>\n              </button>\n              <ProfileFieldRowMenu field={field} state={state} />\n            </div>\n          );\n        })}\n        {fields.length === 0 ? (\n          <p\n            data-profile-tree-item\n            className=\"relative rounded-md px-2 py-2 text-xs text-muted-foreground\"\n          >\n            No fields match these filters.\n          </p>\n        ) : null}\n      </div>\n      <p className=\"text-[11px] text-muted-foreground\">\n        {state.configuredCount} of {state.available.length} included\n      </p>\n      <div className=\"grid grid-cols-2 gap-1.5\">\n        {reset ? (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={reset.disabled}\n            title={reset.title}\n            onClick={reset.onReset}\n          >\n            Reset\n          </Button>\n        ) : null}\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          data-profile-tree-item\n          className={`relative justify-start ${reset ? \"\" : \"col-span-2\"}`}\n          onClick={() => {\n            state.addField();\n            onAdd?.();\n          }}\n        >\n          <UiAdd className=\"size-3.5\" />\n          Add column\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction ProfileFieldRowMenu({\n  field,\n  state,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n}) {\n  const selected = state.selectedNames.has(field.name);\n  const filterable = !field.filter?.disabled;\n  const items: DropdownMenuItem[] = selected\n    ? [\n        {\n          label: field.hidden ? \"Show column\" : \"Hide column\",\n          icon: field.hidden ? UiEye : UiEyeClosed,\n          onSelect: () => state.patchField(field, { hidden: !field.hidden }),\n        },\n        {\n          label: filterable ? \"Disable filtering\" : \"Enable filtering\",\n          icon: filterable ? UiFilterFilled : UiFilter,\n          onSelect: () =>\n            state.patchField(field, {\n              filter: patchColumnFilter(field.filter, {\n                disabled: filterable ? true : undefined,\n              }),\n            }),\n        },\n        {\n          label: \"Remove column\",\n          icon: UiTrash,\n          iconColor: \"var(--color-destructive)\",\n          onSelect: () => state.removeField(field),\n        },\n      ]\n    : [\n        {\n          label: \"Restore column\",\n          icon: UiRefresh,\n          onSelect: () => state.setFieldSelection(field, true),\n        },\n      ];\n\n  return (\n    <DropdownMenu\n      align=\"right\"\n      menuLabel={`${field.name} field actions`}\n      menuClassName=\"min-w-40\"\n      header={\n        <span className=\"flex items-center gap-2 text-xs font-medium text-muted-foreground\">\n          <LabelIcon icon={profileTypeIcon(field.type)} className=\"text-sm\" />\n          <span>{field.type ?? \"auto\"} type</span>\n        </span>\n      }\n      trigger={\n        <span\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`More actions for ${field.name}`}\n          className=\"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <UiDotsVertical className=\"size-3.5\" />\n          <span className=\"sr-only\">More actions for {field.name}</span>\n        </span>\n      }\n      items={items}\n    />\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(\n    (field) => field.name === state.activeField?.name,\n  );\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 }) => (\n          <ProfileFieldRowActions field={item} state={state} />\n        )}\n        renderHeader={({ item }) => (\n          <ProfileFieldRowHeader field={item} state={state} />\n        )}\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\n    ? \"deleted\"\n    : field.hidden\n      ? \"hidden\"\n      : \"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\">\n        {field.name}\n      </span>\n      {field.label ? (\n        <span className=\"shrink-0 truncate text-sm text-muted-foreground\">\n          {field.label}\n        </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 =\n    PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)\n      ?.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","UiDotsVertical","Button","UiAdd","UiEye","UiEyeClosed","UiFilterFilled","UiFilter","patchColumnFilter","UiTrash","UiRefresh","DropdownMenu","LabelIcon","profileTypeIcon","AccordionList","ProfileFieldEditorForm","IconButton","inferredFilterKind","PROFILE_FILTER_KIND_OPTIONS"],"mappings":"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"}