@alfadocs/ui-kit-debug 1.11.0 → 1.12.5

package/dist/_chunks/link-cell-renderer-CenJx-_7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-cell-renderer-CenJx-_7.js","sources":["../../src/components/data-table/filters/date-range-filter.tsx","../../src/components/data-table/filters/select-filter.tsx","../../src/components/data-table/filters/typeahead-filter.tsx","../../src/components/data-table/filters/number-filter.tsx","../../src/components/data-table/cell-renderers/status-cell-renderer.tsx","../../src/components/data-table/cell-renderers/user-cell-renderer.tsx","../../src/components/data-table/cell-renderers/image-cell-renderer.tsx","../../src/components/data-table/cell-renderers/tag-list-cell-renderer.tsx","../../src/components/data-table/cell-renderers/date-cell-renderer.tsx","../../src/components/data-table/cell-renderers/link-cell-renderer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter } from 'ag-grid-community';\nimport { DateRangePicker } from '../../date-range-picker';\nimport type { DateRangeValue } from '../../date-range-picker';\n\n/**\n * Custom AG Grid filter component for date *ranges*. AG Grid Community's\n * built-in `agDateColumnFilter` only handles single-date comparison —\n * platform needs \"between X and Y\" for invoice / transaction lists.\n *\n * Wire on a colDef:\n * ```tsx\n * { field: 'date', filter: DateRangeFilter }\n * ```\n *\n * The filter model has shape `{ type: 'inRange', dateFrom, dateTo }` to\n * stay close to AG Grid's own date-filter convention so server-side\n * adapters can interpret it the same way.\n */\nexport interface DateRangeFilterModel {\n  type: 'inRange';\n  dateFrom: string | null;\n  dateTo: string | null;\n}\n\n/**\n * `filterParams` a colDef may pass to `DateRangeFilter` /\n * `DateRangeFloatingFilter`.\n *\n * `commitMode` is forwarded to the wrapped `DateRangePicker`. Leave it unset\n * (picker default `'auto'`, commit-on-complete-range) for cheap client-side row\n * models; set `'apply'` for SERVER-side row models so each range edit defers to\n * one Apply and fires a single datasource round-trip instead of one per commit.\n */\nexport interface DateRangeFilterParams {\n  placeholder?: string;\n  commitMode?: 'auto' | 'apply';\n}\n\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * The model stores calendar days (`YYYY-MM-DD`), never instants: a range is\n * \"from this day to that day\" in the user's own calendar. So the day is read\n * off the local date parts — `toISOString()` would shift a local midnight to\n * the previous day anywhere east of UTC.\n */\nexport function toIsoDate(d: Date | undefined): string | null {\n  if (!d) return null;\n  const y = d.getFullYear();\n  const m = String(d.getMonth() + 1).padStart(2, '0');\n  const day = String(d.getDate()).padStart(2, '0');\n  return `${y}-${m}-${day}`;\n}\n\n/** A bare day parses as LOCAL midnight; anything with a time/offset as-is. */\nexport function fromIsoDate(s: string | null | undefined): Date | undefined {\n  if (!s) return undefined;\n  const d = DATE_ONLY.test(s)\n    ? new Date(\n        Number(s.slice(0, 4)),\n        Number(s.slice(5, 7)) - 1,\n        Number(s.slice(8, 10)),\n      )\n    : new Date(s);\n  return Number.isNaN(d.getTime()) ? undefined : d;\n}\n\nconst ISO_DAY_PREFIX = /^(\\d{4}-\\d{2}-\\d{2})/;\n\n/**\n * The calendar day a cell value stands for, as `YYYY-MM-DD`.\n *\n * An ISO string is read as the day it was WRITTEN with — `2026-04-15T17:32+02:00`\n * is the 15th and `1933-04-04T00:00+01:00` the 4th, whatever zone the browser\n * runs in. (Reducing the instant to the viewer's local day would move a\n * practice-local timestamp across midnight for anyone in another zone, and\n * made the result depend on the machine running the grid.) A `Date` has no\n * offset of its own, so it is read in local time.\n */\nexport function dayOf(cellValue: unknown): string | null {\n  if (cellValue === null || cellValue === undefined || cellValue === '')\n    return null;\n  if (typeof cellValue === 'string') {\n    const prefix = ISO_DAY_PREFIX.exec(cellValue);\n    if (prefix) return prefix[1];\n  }\n  const d = cellValue instanceof Date ? cellValue : new Date(String(cellValue));\n  return Number.isNaN(d.getTime()) ? null : toIsoDate(d);\n}\n\n/** Whether a cell's day lies within `[dateFrom, dateTo]` (either end open). */\nexport function dayInRange(\n  cellValue: unknown,\n  dateFrom: string | null | undefined,\n  dateTo: string | null | undefined,\n): boolean {\n  if (!dateFrom && !dateTo) return true;\n  const day = dayOf(cellValue);\n  if (!day) return false;\n  if (dateFrom && day < dateFrom) return false;\n  if (dateTo && day > dateTo) return false;\n  return true;\n}\n\nexport function DateRangeFilter(\n  props: CustomFilterProps<unknown, unknown, DateRangeFilterModel>,\n) {\n  const { model, onModelChange, getValue, doesRowPassOtherFilter } = props;\n  const filterParams =\n    (props.colDef?.filterParams as DateRangeFilterParams | undefined) ?? {};\n  // Picker UI state, seeded from the model and kept in sync when the model\n  // changes externally — a programmatic default (e.g. \"this week\"), a server\n  // restore, or an AG Grid reset. Mirrors `SelectFilter`'s `pending` sync.\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(model?.dateFrom),\n    to: fromIsoDate(model?.dateTo),\n  }));\n  useEffect(() => {\n    setRange({\n      from: fromIsoDate(model?.dateFrom),\n      to: fromIsoDate(model?.dateTo),\n    });\n  }, [model?.dateFrom, model?.dateTo]);\n\n  // Tell AG Grid how to evaluate a row against the current model. AG Grid\n  // calls this for each row; we read the cell value via `getValue(node)`\n  // (a Date or ISO string), compare to the bounds. Bounds come from the\n  // MODEL (the source of truth) — not the picker state — so a model set\n  // programmatically applies even before the picker UI has mounted, exactly\n  // as `SelectFilter` reads `model.values` directly.\n  useGridFilter({\n    doesFilterPass: (params) => {\n      void doesRowPassOtherFilter;\n      return dayInRange(getValue(params.node), model?.dateFrom, model?.dateTo);\n    },\n  });\n\n  function apply(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    } satisfies DateRangeFilterModel);\n  }\n\n  return (\n    <div\n      data-component=\"date-range-filter\"\n      className=\"ds:p-[var(--spacing-sm)] ds:min-w-[280px]\"\n    >\n      <DateRangePicker\n        value={range}\n        onChange={apply}\n        commitMode={filterParams.commitMode}\n        size=\"sm\"\n      />\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `DateRangeFilter`.\n *\n * Renders the kit's `<DateRangePicker>` directly as the floating-filter\n * input — its built-in trigger button + calendar popover IS the filter\n * UI. Earlier versions wrapped the picker in a second `<Popover>`,\n * producing the \"click → empty popover with another trigger → click\n * again → calendar\" double-step that read as duplicated UI.\n */\nexport function DateRangeFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    DateRangeFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  // Let a colDef supply a short `filterParams.placeholder` for the in-row\n  // trigger — the default \"Select date range\" is long for a narrow filter\n  // column. (The label truncates cleanly either way; a short placeholder just\n  // reads better.)\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as\n      | DateRangeFilterParams\n      | undefined) ?? {};\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(model?.dateFrom),\n    to: fromIsoDate(model?.dateTo),\n  }));\n  // Reflect external model changes (a programmatic default, a parent-filter\n  // edit, an AG Grid reset) in the in-row picker trigger.\n  useEffect(() => {\n    setRange({\n      from: fromIsoDate(model?.dateFrom),\n      to: fromIsoDate(model?.dateTo),\n    });\n  }, [model?.dateFrom, model?.dateTo]);\n\n  function apply(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    } satisfies DateRangeFilterModel);\n  }\n\n  return (\n    <div data-component=\"date-range-floating-filter\" className=\"ds:w-full\">\n      <DateRangePicker\n        value={range}\n        onChange={apply}\n        commitMode={filterParams.commitMode}\n        size=\"sm\"\n        placeholder={filterParams.placeholder}\n      />\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { GridApi, IFilter, IRowNode } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { Checkbox } from '../../checkbox';\nimport { Button } from '../../button';\nimport { MultiSelect } from '../../multi-select';\nimport { ScrollArea } from '../../scroll-area/scroll-area';\n\n/**\n * Custom AG Grid filter component — multi-select facet filter.\n *\n * The Community-friendly equivalent of AG Grid Enterprise's\n * `agSetColumnFilter`. Surfaces a checkbox list of every value the column\n * can take, so users tick to include / untick to exclude. Much faster than\n * the default `agTextColumnFilter` for closed enums (status, room,\n * operator).\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'status',\n *   filter: SelectFilter,\n *   filterParams: {\n *     options: [\n *       { value: 'open', label: 'Aperte' },\n *       { value: 'paid', label: 'Pagate' },\n *     ],\n *   },\n * }\n * ```\n *\n * Model shape `{ type: 'set', values: Array<string | number> }` matches\n * AG Grid Enterprise's set-filter convention so server-side adapters can\n * read either implementation the same way.\n */\n\nexport interface SelectFilterOption {\n  value: string | number;\n  label: string;\n}\n\nexport interface SelectFilterModel {\n  type: 'set';\n  values: Array<string | number>;\n}\n\nexport interface SelectFilterParams {\n  options?: SelectFilterOption[];\n  placeholder?: string;\n}\n\ntype SelectFilterValue = string | number;\n\nfunction toValueKey(v: SelectFilterValue): string {\n  return typeof v === 'number' ? `n:${v}` : `s:${v}`;\n}\n\n/** How a filter surface reads one row's value for its column. */\ntype SelectValueReader = (node: IRowNode) => unknown;\n\n/** Numeric collation, so a derived numeric column lists 1, 2, 3, 10 rather\n * than the lexicographic 1, 10, 2, 3. */\nconst LABEL_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/** Distinct values the column actually holds, label-sorted. `forEachNode`\n * walks the whole client-side row model, so the list does not shrink as\n * other columns filter rows out. */\nfunction collectColumnOptions(\n  api: GridApi | undefined,\n  readValue: SelectValueReader,\n): SelectFilterOption[] {\n  if (!api) return [];\n  const seen = new Map<string, SelectFilterOption>();\n  api.forEachNode((node: IRowNode) => {\n    const raw = readValue(node);\n    if (raw === null || raw === undefined) return;\n    const value =\n      typeof raw === 'string' || typeof raw === 'number' ? raw : String(raw);\n    const key = toValueKey(value);\n    if (!seen.has(key)) seen.set(key, { value, label: String(value) });\n  });\n  return Array.from(seen.values()).sort((a, b) =>\n    LABEL_COLLATOR.compare(String(a.label), String(b.label)),\n  );\n}\n\nfunction sameOptions(\n  a: SelectFilterOption[],\n  b: SelectFilterOption[],\n): boolean {\n  if (a.length !== b.length) return false;\n  return a.every(\n    (opt, i) =>\n      toValueKey(opt.value) === toValueKey(b[i].value) &&\n      opt.label === b[i].label,\n  );\n}\n\n/**\n * The universe of choices for one Select-filtered column.\n *\n * An explicit `options` filterParam always wins — INCLUDING an empty one,\n * which means \"this column has no facets\", not \"derive them for me\". Omit\n * `options` entirely and the list is DERIVED from the values the column\n * actually holds, and re-derived as the row data changes, so both the popup\n * panel and its floating-filter twin offer the same, data-accurate choices.\n */\nfunction useSelectFilterOptions(\n  api: GridApi | undefined,\n  options: SelectFilterOption[] | undefined,\n  readValue: SelectValueReader,\n): SelectFilterOption[] {\n  const explicit = options;\n  const hasExplicit = explicit !== undefined;\n  const [derived, setDerived] = useState<SelectFilterOption[]>([]);\n\n  // Latest-reader ref so a new `getValue` identity per grid render does not\n  // tear down and rebuild the grid event subscription below.\n  const readValueRef = useRef(readValue);\n  useEffect(() => {\n    readValueRef.current = readValue;\n  });\n\n  useEffect(() => {\n    if (hasExplicit || !api) return;\n    const recompute = () => {\n      setDerived((prev) => {\n        const next = collectColumnOptions(api, readValueRef.current);\n        return sameOptions(prev, next) ? prev : next;\n      });\n    };\n    recompute();\n    api.addEventListener('modelUpdated', recompute);\n    api.addEventListener('cellValueChanged', recompute);\n    return () => {\n      if (api.isDestroyed()) return;\n      api.removeEventListener('modelUpdated', recompute);\n      api.removeEventListener('cellValueChanged', recompute);\n    };\n  }, [api, hasExplicit]);\n\n  return explicit ?? derived;\n}\n\nexport function SelectFilter(\n  props: CustomFilterProps<unknown, unknown, SelectFilterModel> &\n    SelectFilterParams,\n) {\n  const { model, onModelChange, getValue, api, options, placeholder } = props;\n  const { t } = useTranslation('ui');\n\n  const readValue = useCallback<SelectValueReader>(\n    (node) => getValue(node) as unknown,\n    [getValue],\n  );\n  const derivedOptions = useSelectFilterOptions(api, options, readValue);\n\n  // Working set — checkboxes mutate `pending` only; we commit to the\n  // grid via `onModelChange` when the user clicks Apply (or clears).\n  const initialSelected = useMemo<Set<string>>(() => {\n    const set = new Set<string>();\n    const incoming = model?.values ?? [];\n    for (const v of incoming) set.add(toValueKey(v));\n    return set;\n  }, [model]);\n\n  const [pending, setPending] = useState<Set<string>>(initialSelected);\n\n  // Sync local `pending` if the model changes externally (e.g. when AG\n  // Grid pushes a reset). `model` is the dependency — Set instances are\n  // compared by reference in React, so the memo above is sufficient.\n  useEffect(() => {\n    setPending(initialSelected);\n  }, [initialSelected]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      const active = model?.values;\n      if (!active || active.length === 0) return true;\n      const raw = getValue(params.node) as unknown;\n      if (raw === null || raw === undefined) return false;\n      const value: SelectFilterValue =\n        typeof raw === 'string' || typeof raw === 'number' ? raw : String(raw);\n      const key = toValueKey(value);\n      return active.some((v) => toValueKey(v) === key);\n    },\n  });\n\n  function toggle(optionKey: string) {\n    setPending((prev) => {\n      const next = new Set(prev);\n      if (next.has(optionKey)) next.delete(optionKey);\n      else next.add(optionKey);\n      return next;\n    });\n  }\n\n  function apply() {\n    if (pending.size === 0) {\n      onModelChange(null);\n      return;\n    }\n    const values: SelectFilterValue[] = [];\n    for (const opt of derivedOptions) {\n      if (pending.has(toValueKey(opt.value))) values.push(opt.value);\n    }\n    // A ticked value can leave the data before Apply (the derived list is\n    // live). Committing `values: []` would read as an active filter that\n    // matches every row, so clear instead.\n    if (values.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({ type: 'set', values });\n  }\n\n  function clear() {\n    setPending(new Set());\n    onModelChange(null);\n  }\n\n  const placeholderLabel = placeholder ?? t('dataTable.selectFilter.all');\n\n  return (\n    <div\n      data-component=\"select-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[200px] ds:max-w-[260px]\"\n    >\n      <ScrollArea orientation=\"vertical\" className=\"ds:max-h-[240px]\">\n        <div\n          role=\"group\"\n          aria-label={placeholderLabel}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n        >\n          {derivedOptions.length === 0 ? (\n            <p className=\"ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:py-[var(--spacing-xs)]\">\n              {t('dataTable.agGrid.noRowsToShow')}\n            </p>\n          ) : (\n            derivedOptions.map((option) => {\n              const key = toValueKey(option.value);\n              return (\n                <Checkbox\n                  key={key}\n                  size=\"sm\"\n                  label={option.label}\n                  checked={pending.has(key)}\n                  onCheckedChange={() => toggle(key)}\n                />\n              );\n            })\n          )}\n        </div>\n      </ScrollArea>\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.selectFilter.clear')}\n        </Button>\n        <Button intent=\"primary\" size=\"sm\" onClick={apply} type=\"button\">\n          {t('dataTable.selectFilter.apply')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `SelectFilter`.\n *\n * Renders the kit's `<MultiSelect>` directly as the floating-filter\n * input — its built-in trigger + checkbox dropdown IS the filter UI.\n * Earlier versions wrapped MultiSelect in another `<Popover>`,\n * producing the \"click trigger → empty popover with another trigger →\n * click → checkbox list\" double-step that read as duplicated UI.\n *\n * MultiSelect's options use `string` values; we string-convert the\n * model's `(string | number)[]` for the trigger and parse back on\n * apply. The grid model still tracks the original primitive types so\n * `doesFilterPass` keeps matching numeric columns correctly.\n *\n * Choices come from the same `useSelectFilterOptions` universe the popup\n * panel uses: an explicit `options` filterParam if the consumer declared\n * one, otherwise the column's own distinct values. Reading only\n * `filterParams.options` used to leave the trigger empty beside a working\n * panel whenever the consumer relied on derivation.\n */\nexport function SelectFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    SelectFilterModel\n  >,\n) {\n  const { model, onModelChange, column, api } = props;\n\n  const colDef = column?.getColDef?.();\n  const filterParams =\n    (colDef?.filterParams as SelectFilterParams | undefined) ?? {};\n\n  // The floating filter has no `getValue`; read through the grid instead.\n  // A column with a `filterValueGetter` should declare `options` — the two\n  // reads would otherwise disagree with the panel's.\n  const readValue = useCallback<SelectValueReader>(\n    (node) =>\n      api && column\n        ? (api.getCellValue<unknown>({\n            rowNode: node,\n            colKey: column,\n          }) as unknown)\n        : undefined,\n    [api, column],\n  );\n  const availableOptions = useSelectFilterOptions(\n    api,\n    filterParams.options,\n    readValue,\n  );\n  // Name the floating-filter trigger after its column so the per-column Select\n  // filters are distinguishable to assistive tech — they otherwise all read as\n  // the generic MultiSelect placeholder. An explicit `placeholder` wins.\n  const accessibleLabel =\n    filterParams.placeholder ??\n    (typeof colDef?.headerName === 'string' ? colDef.headerName : undefined);\n\n  // MultiSelect's `value` is `string[]`. SelectFilter's model carries\n  // `(string | number)[]` so we string-convert in / out. Build a lookup\n  // from the stringified key back to the original primitive so the\n  // model retains the consumer's typing.\n  const valueByKey = useMemo(() => {\n    const map = new Map<string, SelectFilterValue>();\n    for (const opt of availableOptions) map.set(String(opt.value), opt.value);\n    return map;\n  }, [availableOptions]);\n\n  const selectOptions = useMemo(\n    () =>\n      availableOptions.map((opt) => ({\n        value: String(opt.value),\n        label: opt.label,\n      })),\n    [availableOptions],\n  );\n\n  const currentValue = useMemo(\n    () => (model?.values ?? []).map((v) => String(v)),\n    [model],\n  );\n\n  function handleChange(next: string[]) {\n    if (next.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    const values: SelectFilterValue[] = [];\n    for (const k of next) {\n      const original = valueByKey.get(k);\n      if (original !== undefined) values.push(original);\n    }\n    // Same live-list guard as the panel's Apply: an empty set is a cleared\n    // filter, never an active one that matches everything.\n    if (values.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({ type: 'set', values });\n  }\n\n  return (\n    <div data-component=\"select-floating-filter\" className=\"ds:w-full\">\n      <MultiSelect\n        size=\"sm\"\n        options={selectOptions}\n        value={currentValue}\n        onChange={handleChange}\n        placeholder={filterParams.placeholder}\n        aria-label={accessibleLabel}\n        allowClear\n      />\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter, IRowNode } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { Autocomplete } from '../../autocomplete';\nimport { Button } from '../../button';\nimport type { OptionShape } from '../../_shared/option';\n\n/**\n * Custom AG Grid filter component — single-select typeahead filter.\n *\n * Wraps the kit's existing `<Autocomplete>` so the user types to filter a\n * bounded-but-large set of values (e.g. patient names), picks one\n * suggestion, and the grid filters to rows matching that value exactly.\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'patient',\n *   filter: TypeaheadFilter,\n *   filterParams: {\n *     options: PATIENTS.map(p => ({ value: p.name, label: p.name })),\n *   },\n * }\n * ```\n *\n * Model shape `{ type: 'equals', value: string }` matches AG Grid's\n * text-filter `equals` convention so server-side adapters can read either\n * implementation the same way.\n */\n\nexport interface TypeaheadFilterOption {\n  value: string;\n  label: string;\n}\n\nexport interface TypeaheadFilterModel {\n  type: 'equals';\n  value: string;\n}\n\nexport interface TypeaheadFilterParams {\n  options?: TypeaheadFilterOption[];\n  loadOptions?: (\n    input: string,\n    opts: { signal: AbortSignal; locale: string },\n  ) => Promise<TypeaheadFilterOption[]>;\n  placeholder?: string;\n}\n\nfunction normalise(s: string): string {\n  return s.trim().toLocaleLowerCase();\n}\n\nexport function TypeaheadFilter(\n  props: CustomFilterProps<unknown, unknown, TypeaheadFilterModel> &\n    TypeaheadFilterParams,\n) {\n  const {\n    model,\n    onModelChange,\n    getValue,\n    api,\n    column,\n    options,\n    loadOptions,\n    placeholder,\n  } = props;\n  const { t } = useTranslation('ui');\n\n  // Universe of choices. Prefer explicit `options`; fall back to the\n  // column's distinct values when neither `options` nor `loadOptions` is\n  // supplied. Same shape as SelectFilter's derivation so the two filters\n  // present a consistent experience when consumers don't enumerate.\n  const derivedOptions = useMemo<TypeaheadFilterOption[]>(() => {\n    if (options && options.length > 0) return options;\n    if (!api || !column) return [];\n    const seen = new Map<string, TypeaheadFilterOption>();\n    api.forEachNode((node: IRowNode) => {\n      const raw = getValue(node) as unknown;\n      if (raw === null || raw === undefined) return;\n      const value = typeof raw === 'string' ? raw : String(raw);\n      if (!seen.has(value)) {\n        seen.set(value, { value, label: value });\n      }\n    });\n    return Array.from(seen.values()).sort((a, b) =>\n      a.label.localeCompare(b.label),\n    );\n  }, [options, api, column, getValue]);\n\n  // Build the async `loadOptions` adapter that <Autocomplete> consumes.\n  // Local-options path filters the snapshot synchronously and wraps it\n  // in Promise.resolve(); explicit `loadOptions` is passed through.\n  const adapterLoadOptions = useMemo(() => {\n    return async (\n      query: string,\n      opts: { signal: AbortSignal; locale: string },\n    ): Promise<OptionShape[]> => {\n      if (loadOptions) {\n        const result = await loadOptions(query, opts);\n        return result.map((o) => ({ value: o.value, label: o.label }));\n      }\n      const q = normalise(query);\n      const filtered = q\n        ? derivedOptions.filter((o) => normalise(o.label).includes(q))\n        : derivedOptions;\n      return filtered\n        .slice(0, 50)\n        .map((o) => ({ value: o.value, label: o.label }));\n    };\n  }, [loadOptions, derivedOptions]);\n\n  const [draft, setDraft] = useState<string>(model?.value ?? '');\n\n  useEffect(() => {\n    setDraft(model?.value ?? '');\n  }, [model?.value]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      const target = model?.value;\n      if (!target) return true;\n      const raw = getValue(params.node) as unknown;\n      if (raw === null || raw === undefined) return false;\n      const value = typeof raw === 'string' ? raw : String(raw);\n      return normalise(value) === normalise(target);\n    },\n  });\n\n  function handleSelect(option: OptionShape) {\n    // Autocomplete itself commits `option.label` to the input value; we\n    // mirror that here so the displayed text matches what the user just\n    // picked, even when label and value diverge (e.g. id vs name).\n    setDraft(option.label);\n    onModelChange({ type: 'equals', value: option.value });\n  }\n\n  function handleChange(next: string) {\n    setDraft(next);\n    // Clear the applied model when the user empties the input so the\n    // grid stops filtering as soon as the field is blank.\n    if (next === '' && model) onModelChange(null);\n  }\n\n  function clear() {\n    setDraft('');\n    onModelChange(null);\n  }\n\n  const placeholderLabel =\n    placeholder ?? t('dataTable.typeaheadFilter.placeholder');\n\n  return (\n    <div\n      data-component=\"typeahead-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]\"\n    >\n      <Autocomplete\n        size=\"sm\"\n        value={draft}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        loadOptions={adapterLoadOptions}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.typeaheadFilter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `TypeaheadFilter`.\n *\n * Renders the kit's `<Autocomplete>` directly as the floating-filter\n * input — its built-in text input + portaled dropdown IS the filter\n * UI. Earlier versions wrapped Autocomplete in a second `<Popover>`,\n * producing the \"click trigger → popover with another search input →\n * type → list appears\" double-step that read as duplicated UI.\n */\nexport function TypeaheadFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    TypeaheadFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  const { t } = useTranslation('ui');\n\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as\n      | TypeaheadFilterParams\n      | undefined) ?? {};\n  const availableOptions = filterParams.options ?? [];\n  const loadOptions = filterParams.loadOptions;\n  const placeholderLabel =\n    filterParams.placeholder ?? t('dataTable.typeaheadFilter.placeholder');\n\n  const adapterLoadOptions = useMemo(() => {\n    return async (\n      query: string,\n      opts: { signal: AbortSignal; locale: string },\n    ): Promise<OptionShape[]> => {\n      if (loadOptions) {\n        const result = await loadOptions(query, opts);\n        return result.map((o) => ({ value: o.value, label: o.label }));\n      }\n      const q = normalise(query);\n      const filtered = q\n        ? availableOptions.filter((o) => normalise(o.label).includes(q))\n        : availableOptions;\n      return filtered\n        .slice(0, 50)\n        .map((o) => ({ value: o.value, label: o.label }));\n    };\n  }, [loadOptions, availableOptions]);\n\n  // Track the input's display value separately from the applied model.\n  // The user can type freely; we only apply when they pick an option\n  // from the dropdown (committing a known value to the model). Clearing\n  // the input clears the filter.\n  const [draft, setDraft] = useState<string>(model?.value ?? '');\n  useEffect(() => {\n    setDraft(model?.value ?? '');\n  }, [model?.value]);\n\n  function handleSelect(option: OptionShape) {\n    setDraft(option.label);\n    onModelChange({ type: 'equals', value: option.value });\n  }\n\n  function handleChange(next: string) {\n    setDraft(next);\n    if (next === '' && model) onModelChange(null);\n  }\n\n  return (\n    <div data-component=\"typeahead-floating-filter\" className=\"ds:w-full\">\n      <Autocomplete\n        size=\"sm\"\n        value={draft}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        loadOptions={adapterLoadOptions}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { NumberInput } from '../../number-input';\nimport { Select } from '../../select';\nimport { Button } from '../../button';\n\n/**\n * Custom AG Grid filter component for numeric columns. AG Grid Community's\n * built-in `agNumberColumnFilter` paints a stock browser-skinned\n * `<input type=\"number\">` that does not match the kit's form language —\n * this wraps the DS `<NumberInput>` + `<Select>` so totals, prices,\n * quantities, etc. line up visually with neighbouring DS-styled cells.\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'total',\n *   filter: NumberFilter,\n *   floatingFilterComponent: NumberFloatingFilter,\n *   filterParams: { defaultOperator: 'greaterThan', min: 0 },\n * }\n * ```\n *\n * The full-popover variant exposes the operator dropdown (equals,\n * greaterThan, inRange, blank, …); the floating-filter row is a single\n * compact input whose operator is fixed to `defaultOperator`. Both speak\n * the same `NumberFilterModel` so server-side adapters can read either.\n *\n * Model shape `{ type, filter, filterTo? }` matches AG Grid's own\n * `agNumberColumnFilter` vocabulary so adapters can interchange.\n */\n\nexport type NumberFilterOperator =\n  | 'equals'\n  | 'notEqual'\n  | 'greaterThan'\n  | 'greaterThanOrEqual'\n  | 'lessThan'\n  | 'lessThanOrEqual'\n  | 'inRange'\n  | 'blank'\n  | 'notBlank';\n\nexport interface NumberFilterModel {\n  type: NumberFilterOperator;\n  filter: number;\n  filterTo?: number;\n}\n\nexport interface NumberFilterParams {\n  defaultOperator?: NumberFilterOperator;\n  min?: number;\n  max?: number;\n  step?: number;\n  placeholder?: string;\n}\n\nconst ALL_OPERATORS: NumberFilterOperator[] = [\n  'equals',\n  'notEqual',\n  'greaterThan',\n  'greaterThanOrEqual',\n  'lessThan',\n  'lessThanOrEqual',\n  'inRange',\n  'blank',\n  'notBlank',\n];\n\nfunction operatorTakesValue(op: NumberFilterOperator): boolean {\n  return op !== 'blank' && op !== 'notBlank';\n}\n\nfunction operatorTakesRange(op: NumberFilterOperator): boolean {\n  return op === 'inRange';\n}\n\nfunction evaluate(\n  op: NumberFilterOperator,\n  cell: number | null,\n  primary: number | null,\n  secondary: number | null,\n): boolean {\n  if (op === 'blank') return cell === null;\n  if (op === 'notBlank') return cell !== null;\n  if (cell === null) return false;\n  if (primary === null) return true;\n  switch (op) {\n    case 'equals':\n      return cell === primary;\n    case 'notEqual':\n      return cell !== primary;\n    case 'greaterThan':\n      return cell > primary;\n    case 'greaterThanOrEqual':\n      return cell >= primary;\n    case 'lessThan':\n      return cell < primary;\n    case 'lessThanOrEqual':\n      return cell <= primary;\n    case 'inRange': {\n      if (secondary === null) return cell >= primary;\n      const lo = Math.min(primary, secondary);\n      const hi = Math.max(primary, secondary);\n      return cell >= lo && cell <= hi;\n    }\n    default:\n      return true;\n  }\n}\n\nfunction coerceCell(raw: unknown): number | null {\n  if (raw === null || raw === undefined || raw === '') return null;\n  const n = typeof raw === 'number' ? raw : Number(raw);\n  return Number.isNaN(n) ? null : n;\n}\n\nexport function NumberFilter(\n  props: CustomFilterProps<unknown, unknown, NumberFilterModel> &\n    NumberFilterParams,\n) {\n  const {\n    model,\n    onModelChange,\n    getValue,\n    defaultOperator,\n    min,\n    max,\n    step,\n    placeholder,\n  } = props;\n  const { t } = useTranslation('ui');\n\n  const initialOperator: NumberFilterOperator =\n    model?.type ?? defaultOperator ?? 'equals';\n  const [operator, setOperator] =\n    useState<NumberFilterOperator>(initialOperator);\n  const [primary, setPrimary] = useState<number | null>(model?.filter ?? null);\n  const [secondary, setSecondary] = useState<number | null>(\n    model?.filterTo ?? null,\n  );\n\n  // If AG Grid pushes an externally-cleared / reset model, mirror it in\n  // local state so the UI stays consistent with the applied filter. The\n  // cleared model arrives as null OR undefined (removed from a setFilterModel\n  // map), so a loose check is load-bearing here.\n  useEffect(() => {\n    if (model == null) {\n      setOperator(defaultOperator ?? 'equals');\n      setPrimary(null);\n      setSecondary(null);\n      return;\n    }\n    setOperator(model.type);\n    setPrimary(model.filter ?? null);\n    setSecondary(model.filterTo ?? null);\n  }, [model, defaultOperator]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      if (!model) return true;\n      const cell = coerceCell(getValue(params.node));\n      return evaluate(\n        model.type,\n        cell,\n        model.filter ?? null,\n        model.filterTo ?? null,\n      );\n    },\n  });\n\n  const operatorOptions = useMemo(\n    () =>\n      ALL_OPERATORS.map((op) => ({\n        value: op,\n        label: t(`dataTable.numberFilter.operators.${op}`),\n      })),\n    [t],\n  );\n\n  const placeholderLabel =\n    placeholder ?? t('dataTable.numberFilter.placeholder');\n\n  function apply() {\n    if (!operatorTakesValue(operator)) {\n      onModelChange({ type: operator, filter: 0 });\n      return;\n    }\n    if (primary === null) {\n      onModelChange(null);\n      return;\n    }\n    if (operatorTakesRange(operator)) {\n      onModelChange({\n        type: operator,\n        filter: primary,\n        filterTo: secondary ?? undefined,\n      });\n      return;\n    }\n    onModelChange({ type: operator, filter: primary });\n  }\n\n  function clear() {\n    setOperator(defaultOperator ?? 'equals');\n    setPrimary(null);\n    setSecondary(null);\n    onModelChange(null);\n  }\n\n  const showValue = operatorTakesValue(operator);\n  const showRange = operatorTakesRange(operator);\n\n  return (\n    <div\n      data-component=\"number-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]\"\n    >\n      <Select\n        size=\"sm\"\n        options={operatorOptions}\n        value={operator}\n        onValueChange={(next) => {\n          if (next === '') return;\n          setOperator(next as NumberFilterOperator);\n        }}\n        aria-label={t('dataTable.numberFilter.operators.equals')}\n      />\n      {showValue && !showRange && (\n        <NumberInput\n          size=\"sm\"\n          value={primary}\n          onChange={setPrimary}\n          min={min}\n          max={max}\n          step={step}\n          placeholder={placeholderLabel}\n          aria-label={placeholderLabel}\n        />\n      )}\n      {showRange && (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          <NumberInput\n            size=\"sm\"\n            value={primary}\n            onChange={setPrimary}\n            min={min}\n            max={max}\n            step={step}\n            placeholder={t('dataTable.numberFilter.from')}\n            aria-label={t('dataTable.numberFilter.from')}\n          />\n          <NumberInput\n            size=\"sm\"\n            value={secondary}\n            onChange={setSecondary}\n            min={min}\n            max={max}\n            step={step}\n            placeholder={t('dataTable.numberFilter.to')}\n            aria-label={t('dataTable.numberFilter.to')}\n          />\n        </div>\n      )}\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.numberFilter.clear')}\n        </Button>\n        <Button intent=\"primary\" size=\"sm\" onClick={apply} type=\"button\">\n          {t('dataTable.numberFilter.apply')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `NumberFilter`.\n *\n * Renders the kit's `<NumberInput>` directly as the inline filter input\n * with a fixed operator (`defaultOperator`, or `'equals'`). The operator\n * dropdown lives only in the full popover — the floating-filter row is\n * deliberately compact, matching the way `agNumberColumnFilter` ships\n * with AG Grid Community.\n *\n * Debounced commit at 200 ms so each keystroke does not re-run the grid\n * filter. Empty input or invalid number commits `null` so the column\n * reverts to \"no filter\" rather than `filter: NaN`.\n */\nexport function NumberFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    NumberFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  const { t } = useTranslation('ui');\n\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as NumberFilterParams | undefined) ??\n    {};\n  const operator: NumberFilterOperator =\n    filterParams.defaultOperator ?? 'equals';\n  const placeholderLabel =\n    filterParams.placeholder ?? t('dataTable.numberFilter.placeholder');\n\n  const [draft, setDraft] = useState<number | null>(model?.filter ?? null);\n\n  // Sync local draft when the model is reset externally (e.g. a global\n  // clear from the column-header menu's \"Clear\" button).\n  useEffect(() => {\n    setDraft(model?.filter ?? null);\n  }, [model?.filter]);\n\n  // Debounced commit. We don't pull a hook in for this — a single\n  // useEffect + setTimeout is cheaper than the cost of importing one,\n  // and AG Grid only re-renders this floating filter per keystroke.\n  useEffect(() => {\n    if (draft === (model?.filter ?? null)) return;\n    const handle = setTimeout(() => {\n      if (draft === null || Number.isNaN(draft)) {\n        onModelChange(null);\n        return;\n      }\n      onModelChange({ type: operator, filter: draft });\n    }, 200);\n    return () => clearTimeout(handle);\n    // `model` intentionally excluded — we only want to react to user\n    // edits of `draft`. Model resets sync via the effect above.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [draft, operator]);\n\n  return (\n    <div data-component=\"number-floating-filter\" className=\"ds:w-full\">\n      <NumberInput\n        size=\"sm\"\n        value={draft}\n        onChange={setDraft}\n        min={filterParams.min}\n        max={filterParams.max}\n        step={filterParams.step}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n    </div>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Badge } from '../../badge/badge';\n\nexport type BadgeVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';\n\nexport interface StatusCellRendererParams {\n  variantMap?: Record<string, BadgeVariant>;\n}\n\nexport function StatusCellRenderer(\n  props: CustomCellRendererProps & StatusCellRendererParams,\n) {\n  const { value, variantMap } = props;\n  const variant: BadgeVariant = variantMap?.[value as string] ?? 'neutral';\n  return (\n    <Badge variant={variant} withDot size=\"sm\">\n      {String(value ?? '')}\n    </Badge>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Avatar } from '../../avatar/avatar';\n\nexport interface UserCellValue {\n  name: string;\n  src?: string;\n}\n\nexport function UserCellRenderer(\n  props: CustomCellRendererProps<unknown, UserCellValue>,\n) {\n  const { value } = props;\n  if (!value) return null;\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <Avatar name={value.name} src={value.src} size=\"sm\" />\n      <span>{value.name}</span>\n    </span>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Avatar } from '../../avatar/avatar';\n\nexport interface ImageCellRendererParams {\n  /** Field name on the row whose value holds the image URL. */\n  srcField: string;\n  /** Optional field name holding alt text. Falls back to '' (decorative). */\n  altField?: string;\n  /**\n   * Optional field name holding a name string. When the src URL is missing or\n   * rejected, the cell falls back to `<Avatar name={fallback}>` so the cell\n   * still has a visual.\n   */\n  fallbackField?: string;\n  /** Visual size of the image. Matches `<Avatar>` sizes (sm=32, md=40, lg=48). */\n  size?: 'sm' | 'md' | 'lg';\n  /** Corner radius preset. `circle` matches `<Avatar>`. */\n  shape?: 'square' | 'rounded' | 'circle';\n}\n\nconst SIZE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['size']>,\n  string\n> = {\n  sm: 'ds:size-8',\n  md: 'ds:size-10',\n  lg: 'ds:size-12',\n};\n\nconst SHAPE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['shape']>,\n  string\n> = {\n  square: 'ds:rounded-none',\n  rounded: 'ds:rounded-[var(--radius-md)]',\n  circle: 'ds:rounded-[var(--radius-full)]',\n};\n\nfunction readField(row: unknown, field: string): string | undefined {\n  if (!row || typeof row !== 'object') return undefined;\n  const value = (row as Record<string, unknown>)[field];\n  return typeof value === 'string' ? value : undefined;\n}\n\n// Accept http(s), image data: URLs, and same-origin absolute paths. Reject\n// `javascript:` / `vbscript:` / any other smuggled scheme. Browsers won't\n// execute non-image data: URLs in `<img>`, but rejecting them in JS gives a\n// single audit point.\n//\n// A leading `/` cannot carry a scheme, so a root-relative path is at least as\n// safe as an absolute URL — and it is what an app serving its own images\n// naturally produces. `//host/x` IS excluded: protocol-relative URLs are\n// cross-origin, which is the thing this guard exists to control.\nconst SAFE_SRC_RE = /^(?:https?:|data:image\\/|\\/(?!\\/))/i;\n\nfunction sanitizeSrc(raw: string | undefined): string | undefined {\n  if (!raw) return undefined;\n  const trimmed = raw.trim();\n  if (trimmed.length === 0) return undefined;\n  return SAFE_SRC_RE.test(trimmed) ? trimmed : undefined;\n}\n\nexport function ImageCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ImageCellRendererParams,\n) {\n  const {\n    data,\n    srcField,\n    altField,\n    fallbackField,\n    size = 'md',\n    shape = 'rounded',\n  } = props;\n\n  if (!data) return null;\n\n  const rawSrc = readField(data, srcField);\n  const src = sanitizeSrc(rawSrc);\n  const alt = altField ? (readField(data, altField) ?? '') : '';\n  const fallbackName = fallbackField\n    ? readField(data, fallbackField)\n    : undefined;\n\n  // A circular image with a name is a person: let <Avatar> own it. It paints the\n  // initials first, covers them once the photo decodes, and drops the <img> on\n  // error so the initials persist — instead of a blank cell that later pops.\n  if (shape === 'circle' && fallbackName) {\n    return <Avatar src={src} name={fallbackName} size={size} />;\n  }\n\n  if (!src) {\n    if (fallbackName) {\n      return <Avatar name={fallbackName} size={size} />;\n    }\n    return null;\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      loading=\"lazy\"\n      decoding=\"async\"\n      className={['ds:object-cover', SIZE_CLASS[size], SHAPE_CLASS[shape]].join(\n        ' ',\n      )}\n    />\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Tag } from '../../tag/tag';\nimport { Tooltip } from '../../tooltip';\n\nexport interface TagListCellRendererParams {\n  maxVisible?: number;\n}\n\nexport function TagListCellRenderer(\n  props: CustomCellRendererProps<unknown, string[]> & TagListCellRendererParams,\n) {\n  const { value, maxVisible = 3 } = props;\n  const { t } = useTranslation();\n\n  if (!Array.isArray(value) || value.length === 0) return null;\n\n  const visible = value.slice(0, maxVisible);\n  const overflow = value.length - maxVisible;\n\n  return (\n    <span className=\"ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {visible.map((tag) => (\n        <Tag key={tag} label={tag} size=\"sm\" />\n      ))}\n      {overflow > 0 && (\n        <Tooltip label={value.slice(maxVisible).join(', ')}>\n          <Tag\n            label={t('inputs.multiSelect.overflow', { count: overflow })}\n            size=\"sm\"\n            variant=\"neutral\"\n            fill=\"outline\"\n          />\n        </Tooltip>\n      )}\n    </span>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Timestamp } from '../../timestamp';\n\nexport type DateCellFormat = 'date' | 'time' | 'datetime' | 'relative';\n\nexport interface DateCellRendererParams {\n  /** Which preset to use. Default `'date'`. */\n  format?: DateCellFormat;\n  /** Escape hatch — overrides the preset entirely. */\n  options?: Intl.DateTimeFormatOptions;\n}\n\nconst PRESETS: Record<\n  Exclude<DateCellFormat, 'relative'>,\n  Intl.DateTimeFormatOptions\n> = {\n  date: { year: 'numeric', month: 'short', day: 'numeric' },\n  time: { hour: '2-digit', minute: '2-digit' },\n  datetime: {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  },\n};\n\nexport function DateCellRenderer(\n  props: CustomCellRendererProps & DateCellRendererParams,\n) {\n  const { value, format = 'date', options } = props;\n  if (value == null || value === '') return null;\n\n  // `shape=\"bare\"` keeps the cell font inherited from --ag-font-size. Timestamp\n  // still emits a proper `<time dateTime>` for assistive tech and feeds.\n  if (format === 'relative' && !options) {\n    return <Timestamp value={value as string | Date} shape=\"bare\" />;\n  }\n\n  return (\n    <Timestamp\n      value={value as string | Date}\n      format=\"absolute\"\n      shape=\"bare\"\n      absoluteFormat={\n        options ?? PRESETS[format === 'relative' ? 'date' : format]\n      }\n    />\n  );\n}\n","import type { MouseEvent } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\n\ntype Getter<T, TData> = T | ((data: TData) => T | undefined);\n\nexport interface LinkCellRendererParams<TData = unknown> {\n  /** Anchor href — or a function that derives it from the row. */\n  href?: Getter<string, TData>;\n  /** Fallback / additional onClick. Prevents default when provided without href. */\n  onClick?: (data: TData) => void;\n  /** Small text rendered below the link — supports a row-aware function. */\n  secondary?: Getter<string, TData>;\n}\n\nfunction resolve<T, TData>(\n  source: Getter<T, TData> | undefined,\n  data: TData,\n): T | undefined {\n  if (typeof source === 'function') {\n    return (source as (data: TData) => T | undefined)(data);\n  }\n  return source;\n}\n\nfunction safeHref(href: string): string {\n  return /^(https?:\\/\\/|\\/|#|mailto:|tel:)/i.test(href) ? href : '#';\n}\n\nexport function LinkCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & LinkCellRendererParams<TData>,\n) {\n  const { value, data, href, onClick, secondary } = props;\n  if (!data) return null;\n\n  const resolvedHref = resolve(href, data);\n  const resolvedSecondary = resolve(secondary, data);\n  const content = value == null || value === '' ? '' : String(value);\n\n  const linkClasses = [\n    'ds:text-[color:var(--primary)]',\n    'ds:hover:underline',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n  ].join(' ');\n\n  const handleClick = (event: MouseEvent) => {\n    if (!onClick) return;\n    if (!resolvedHref) event.preventDefault();\n    event.stopPropagation();\n    onClick(data);\n  };\n\n  return (\n    <span className=\"ds:flex ds:flex-col ds:leading-tight\">\n      {resolvedHref ? (\n        <a\n          href={safeHref(resolvedHref)}\n          onClick={handleClick}\n          className={linkClasses}\n        >\n          {content}\n        </a>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          className={[\n            'ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start',\n            linkClasses,\n          ].join(' ')}\n        >\n          {content}\n        </button>\n      )}\n      {resolvedSecondary ? (\n        <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n          {resolvedSecondary}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n"],"names":["DATE_ONLY","toIsoDate","d","y","m","day","fromIsoDate","s","ISO_DAY_PREFIX","dayOf","cellValue","prefix","dayInRange","dateFrom","dateTo","DateRangeFilter","props","model","onModelChange","getValue","doesRowPassOtherFilter","filterParams","_a","range","setRange","useState","useEffect","useGridFilter","params","apply","next","jsx","DateRangePicker","DateRangeFloatingFilter","column","_b","toValueKey","v","LABEL_COLLATOR","collectColumnOptions","api","readValue","seen","node","raw","value","key","b","sameOptions","a","opt","i","useSelectFilterOptions","options","explicit","hasExplicit","derived","setDerived","readValueRef","useRef","recompute","prev","SelectFilter","placeholder","t","useTranslation","useCallback","derivedOptions","initialSelected","useMemo","set","incoming","pending","setPending","active","toggle","optionKey","values","clear","placeholderLabel","jsxs","ScrollArea","option","Checkbox","Button","SelectFloatingFilter","colDef","availableOptions","accessibleLabel","valueByKey","map","selectOptions","currentValue","handleChange","k","original","MultiSelect","normalise","TypeaheadFilter","loadOptions","adapterLoadOptions","query","opts","o","q","draft","setDraft","target","handleSelect","Autocomplete","TypeaheadFloatingFilter","ALL_OPERATORS","operatorTakesValue","op","operatorTakesRange","evaluate","cell","primary","secondary","lo","hi","coerceCell","n","NumberFilter","defaultOperator","min","max","step","initialOperator","operator","setOperator","setPrimary","setSecondary","operatorOptions","showValue","showRange","Select","NumberInput","NumberFloatingFilter","handle","StatusCellRenderer","variantMap","variant","Badge","UserCellRenderer","Avatar","SIZE_CLASS","SHAPE_CLASS","readField","row","field","SAFE_SRC_RE","sanitizeSrc","trimmed","ImageCellRenderer","data","srcField","altField","fallbackField","size","shape","rawSrc","src","alt","fallbackName","TagListCellRenderer","maxVisible","visible","overflow","tag","Tag","Tooltip","PRESETS","DateCellRenderer","format","Timestamp","resolve","source","safeHref","href","LinkCellRenderer","onClick","resolvedHref","resolvedSecondary","content","linkClasses","handleClick","event"],"mappings":"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"}

package/dist/_chunks/{marketplace-app-shell-Chfdia7m.js → marketplace-app-shell-DDQXQ8hX.js}

@@ -9,7 +9,7 @@ import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
 import { T as q } from "./tab-bar-DvFJIQfL.js";
 import { a as A, H as G, g as J, f as z, e as K, c as Q, d as U } from "./header-DUXRIPyM.js";
-import { H as X } from "./header-settings-CVC_davE.js";
+import { H as X } from "./header-settings-J-ZCAfir.js";
 import { S as Y } from "./sign-in-with-alfadocs-button-BLe_quy5.js";
 import { S as Z, g as _, b as aa, a as ea, j as sa, k as ta, i as ra, h as I } from "./sidebar-C-Gr2LL-.js";
 import { T as na } from "./theme-root-BOO73p5t.js";
@@ -529,4 +529,4 @@ export {
   ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-Chfdia7m.js.map
+//# sourceMappingURL=marketplace-app-shell-DDQXQ8hX.js.map

package/dist/_chunks/{marketplace-app-shell-Chfdia7m.js.map → marketplace-app-shell-DDQXQ8hX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"marketplace-app-shell-Chfdia7m.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={`${name} by Alfadocs`.trim()}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\">\n              by\n            </span>\n            {/* Real Alfadocs wordmark SVG. The Neg SVG's first <g> is the\n                \"Alfadocs\" lettering; the second <g> is the four-pillar mark\n                (x≈3–146). viewBox=\"168 0 637 125\" windows to the lettering\n                only — no mark, no hand-typed wordmark. */}\n            <AlfadocsLogoNeg\n              aria-hidden\n              viewBox=\"168 0 637 125\"\n              className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}
+{"version":3,"file":"marketplace-app-shell-DDQXQ8hX.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={`${name} by Alfadocs`.trim()}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\">\n              by\n            </span>\n            {/* Real Alfadocs wordmark SVG. The Neg SVG's first <g> is the\n                \"Alfadocs\" lettering; the second <g> is the four-pillar mark\n                (x≈3–146). viewBox=\"168 0 637 125\" windows to the lettering\n                only — no mark, no hand-typed wordmark. */}\n            <AlfadocsLogoNeg\n              aria-hidden\n              viewBox=\"168 0 637 125\"\n              className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}