@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/rpc/FilterForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.cjs","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type {\n  FilterBarFilter,\n  FilterBarMultiFilter,\n  FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { FilterPill, type FilterMode } from \"../data/FilterPill\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  packParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () => `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(lockedValues)}`,\n    [initialValues, lockedValues, method, path],\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues),\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, debouncedValues],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        path,\n        method,\n        packParameterValues(debouncedValues, parameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled:\n      enableLookup && !!client.lookupFilters && parameters.some((param) => param.in === \"query\"),\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(parameters, values, setValues, {\n        lookup: lookupQuery.data,\n        lockedValues,\n        hideLocked,\n      }),\n    [hideLocked, lockedValues, lookupQuery.data, parameters, values],\n  );\n\n  const hasFields = formConfig.filters.length > 0 || formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired.map((param) => titleCase(param.name)).join(\", \")}`,\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(buildInitialParameterValues(parameters, method, lockedValues, initialValues));\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        <ParameterGrid\n          autoSubmit={autoSubmit}\n          filters={formConfig.filters}\n          isSubmitting={isSubmitting}\n          submitLabel={submitLabel}\n          submittingLabel={submittingLabel}\n          {...(formConfig.timeRange ? { timeRange: formConfig.timeRange } : {})}\n          {...(className ? { className } : {})}\n        />\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          <Button type=\"button\" onClick={handleSubmit} disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n\ntype ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n};\n\nfunction ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined ? { timeEnabled: filter.timeEnabled } : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder ? { fromPlaceholder: filter.fromPlaceholder } : {})}\n        {...(filter.toPlaceholder ? { toPlaceholder: filter.toPlaceholder } : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(splitCommaValues(event.target.value))}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({ filter, id }: { filter: FilterBarMultiFilter; id: string }) {\n  const [query, setQuery] = useState(\"\");\n  const showOptionFilter = filter.options.length > 7;\n  const visibleOptions = useMemo(() => {\n    const normalized = query.trim().toLowerCase();\n    if (!normalized) return filter.options;\n    return filter.options.filter((option) =>\n      multiOptionText(option).toLowerCase().includes(normalized),\n    );\n  }, [filter.options, query]);\n\n  const setMode = (value: string, mode: FilterMode) => {\n    if (filter.disabled) return;\n    const next = { ...filter.value };\n    if (mode === \"include\" || mode === \"exclude\") {\n      next[value] = mode;\n    } else {\n      delete next[value];\n    }\n    filter.onChange(next);\n  };\n\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label={filter.label}\n      className=\"rounded-md border border-input bg-background p-2\"\n    >\n      {showOptionFilter && (\n        <label className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={query}\n            disabled={filter.disabled}\n            onChange={(event) => setQuery(event.target.value)}\n          />\n        </label>\n      )}\n\n      <div className=\"max-h-56 space-y-1 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode: FilterMode = filter.value[option.value] ?? \"neutral\";\n          return (\n            <FilterPill\n              key={option.value}\n              className=\"w-full justify-between\"\n              label={option.label}\n              mode={mode}\n              title={option.title ?? multiOptionText(option)}\n              togglePosition=\"right\"\n              onModeChange={(next) => setMode(option.value, next)}\n            />\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction multiOptionText(option: FilterBarMultiFilter[\"options\"][number]) {\n  const label = typeof option.label === \"string\" ? option.label : \"\";\n  return [option.value, label, option.title ?? \"\"].filter(Boolean).join(\" \");\n}\n\n// TimeRangeRow renders the paired from/to parameters as the native TimeRange\n// popover picker (relative-time presets + a date picker) rather than two bare\n// text inputs, matching how FilterBar renders its own range control.\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">Time range</div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined ? { timeEnabled: timeRange.timeEnabled } : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder ? { fromPlaceholder: timeRange.fromPlaceholder } : {})}\n          {...(timeRange.toPlaceholder ? { toPlaceholder: timeRange.toPlaceholder } : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["useMemo","useState","buildInitialParameterValues","useDebouncedRecord","useRef","useQuery","packParameterValues","parametersToFormConfig","titleCase","pruneParameterValues","useEffect","jsxs","jsx","Button","cn","TimeRange","Fragment","Icon","UiSearch","FilterPill"],"mappings":"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"}
+{"version":3,"file":"FilterForm.cjs","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type {\n  FilterBarFilter,\n  FilterBarMultiFilter,\n  FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { Combobox } from \"../components/Combobox\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(lockedValues)}`,\n    [initialValues, lockedValues, method, path],\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(\n      parameters,\n      method,\n      lockedValues,\n      initialValues,\n    ),\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters],\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(parameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      parameters,\n      values,\n    ],\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 || formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired.map((param) => titleCase(param.name)).join(\", \")}`,\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues,\n      ),\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        <ParameterGrid\n          autoSubmit={autoSubmit}\n          filters={formConfig.filters}\n          isSubmitting={isSubmitting}\n          submitLabel={submitLabel}\n          submittingLabel={submittingLabel}\n          {...(formConfig.timeRange ? { timeRange: formConfig.timeRange } : {})}\n          {...(className ? { className } : {})}\n        />\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          <Button type=\"button\" onClick={handleSubmit} disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n\ntype ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n};\n\nfunction ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : (option.title ?? option.value),\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\n// TimeRangeRow renders the paired from/to parameters as the native TimeRange\n// popover picker (relative-time presets + a date picker) rather than two bare\n// text inputs, matching how FilterBar renders its own range control.\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["useMemo","useState","buildInitialParameterValues","useDebouncedRecord","useRef","packLookupParameterValues","useQuery","_a","keepPreviousData","useOpenAPI","parametersToFormConfig","titleCase","pruneParameterValues","useEffect","jsxs","jsx","Button","cn","TimeRange","Fragment","Combobox"],"mappings":"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"}

package/dist/rpc/FilterForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,UAAe,EACf,aAAkB,EAClB,YAAiB,EACjB,UAAkB,EAClB,YAA6C,EAC7C,UAAkB,EAClB,WAA+B,EAC/B,eAA8B,EAC9B,YAAuD,EACvD,YAAoB,EACpB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAsHjB"}
+{"version":3,"file":"FilterForm.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,MAAM,EACN,UAAe,EACf,aAAkB,EAClB,YAAiB,EACjB,UAAkB,EAClB,YAA6C,EAC7C,UAAkB,EAClB,WAA+B,EAC/B,eAA8B,EAC9B,YAAuD,EACvD,YAAoB,EACpB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAsJjB"}

package/dist/rpc/FilterForm.js

@@ -1,13 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState, useRef, useEffect } from "react";
-import { useQuery } from "@tanstack/react-query";
+import { useQuery, keepPreviousData } from "@tanstack/react-query";
 import { Button } from "../components/button.js";
+import { Combobox } from "../components/Combobox.js";
 import { TimeRange } from "../components/TimeRange.js";
-import { FilterPill } from "../data/FilterPill.js";
-import { Icon } from "../data/Icon.js";
 import { cn } from "../lib/utils.js";
-import { buildInitialParameterValues, useDebouncedRecord, packParameterValues, parametersToFormConfig, pruneParameterValues, titleCase } from "./formMetadata.js";
-import { UiSearch } from "../icons/components/UiSearch.js";
+import { buildInitialParameterValues, useDebouncedRecord, packLookupParameterValues, parametersToFormConfig, pruneParameterValues, titleCase } from "./formMetadata.js";
+import { useOpenAPI } from "./useOperations.js";
 function FilterForm({
   client,
   path,
@@ -25,39 +24,56 @@ function FilterForm({
   className,
   onSubmit
 }) {
+  var _a;
   const resetKey = useMemo(
     () => `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(lockedValues)}`,
     [initialValues, lockedValues, method, path]
   );
   const [values, setValues] = useState(
-    () => buildInitialParameterValues(parameters, method, lockedValues, initialValues)
+    () => buildInitialParameterValues(
+      parameters,
+      method,
+      lockedValues,
+      initialValues
+    )
   );
   const [error, setError] = useState("");
   const debouncedValues = useDebouncedRecord(values, 250);
   const lastAutoSubmitted = useRef(null);
+  const lookupParameters = useMemo(
+    () => packLookupParameterValues(debouncedValues, parameters),
+    [debouncedValues, parameters]
+  );
   const lookupQuery = useQuery({
-    queryKey: ["filter-form-lookup", method, path, debouncedValues],
+    queryKey: ["filter-form-lookup", method, path, lookupParameters],
     queryFn: async () => {
-      var _a;
-      return await ((_a = client.lookupFilters) == null ? void 0 : _a.call(
-        client,
-        path,
-        method,
-        packParameterValues(debouncedValues, parameters),
-        { Accept: "application/json+clicky" }
-      )) ?? { filters: {} };
+      var _a2;
+      return await ((_a2 = client.lookupFilters) == null ? void 0 : _a2.call(client, path, method, lookupParameters, {
+        Accept: "application/json+clicky"
+      })) ?? { filters: {} };
     },
     enabled: enableLookup && !!client.lookupFilters && parameters.some((param) => param.in === "query"),
+    placeholderData: keepPreviousData,
     staleTime: 3e4,
     retry: 0
   });
+  const { data: spec } = useOpenAPI(client);
+  const filterShapes = (_a = spec == null ? void 0 : spec.components) == null ? void 0 : _a["x-clicky-filters"];
   const formConfig = useMemo(
     () => parametersToFormConfig(parameters, values, setValues, {
       lookup: lookupQuery.data,
+      components: filterShapes,
       lockedValues,
       hideLocked
     }),
-    [hideLocked, lockedValues, lookupQuery.data, parameters, values]
+    [
+      filterShapes,
+      hideLocked,
+      lockedValues,
+      lookupQuery.data,
+      parameters,
+      values
+    ]
   );
   const hasFields = formConfig.filters.length > 0 || formConfig.timeRange != null;
   async function handleSubmit(event) {
@@ -77,7 +93,14 @@ function FilterForm({
     await onSubmit(pruneParameterValues(values));
   }
   useEffect(() => {
-    setValues(buildInitialParameterValues(parameters, method, lockedValues, initialValues));
+    setValues(
+      buildInitialParameterValues(
+        parameters,
+        method,
+        lockedValues,
+        initialValues
+      )
+    );
     setError("");
     lastAutoSubmitted.current = null;
   }, [resetKey]);
@@ -294,75 +317,38 @@ function renderParameterInput(filter, id) {
     }
   );
 }
-function MultiParameterInput({ filter, id }) {
-  const [query, setQuery] = useState("");
-  const showOptionFilter = filter.options.length > 7;
-  const visibleOptions = useMemo(() => {
-    const normalized = query.trim().toLowerCase();
-    if (!normalized) return filter.options;
-    return filter.options.filter(
-      (option) => multiOptionText(option).toLowerCase().includes(normalized)
-    );
-  }, [filter.options, query]);
-  const setMode = (value, mode) => {
-    if (filter.disabled) return;
-    const next = { ...filter.value };
-    if (mode === "include" || mode === "exclude") {
-      next[value] = mode;
-    } else {
-      delete next[value];
-    }
-    filter.onChange(next);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
+function MultiParameterInput({
+  filter,
+  id
+}) {
+  const moreCount = filter.truncated && filter.total ? Math.max(filter.total - filter.options.length, 0) : 0;
+  return /* @__PURE__ */ jsx(
+    Combobox,
     {
+      multiple: true,
       id,
-      role: "group",
-      "aria-label": filter.label,
-      className: "rounded-md border border-input bg-background p-2",
-      children: [
-        showOptionFilter && /* @__PURE__ */ jsxs("label", { className: "mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2", children: [
-          /* @__PURE__ */ jsx(Icon, { icon: UiSearch, className: "shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "search",
-              "aria-label": `Filter ${filter.label} options`,
-              className: "h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
-              placeholder: `Filter ${filter.label.toLowerCase()}`,
-              value: query,
-              disabled: filter.disabled,
-              onChange: (event) => setQuery(event.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "max-h-56 space-y-1 overflow-auto", children: [
-          visibleOptions.map((option) => {
-            const mode = filter.value[option.value] ?? "neutral";
-            return /* @__PURE__ */ jsx(
-              FilterPill,
-              {
-                className: "w-full justify-between",
-                label: option.label,
-                mode,
-                title: option.title ?? multiOptionText(option),
-                togglePosition: "right",
-                onModeChange: (next) => setMode(option.value, next)
-              },
-              option.value
-            );
-          }),
-          visibleOptions.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-sm text-muted-foreground", children: "No options found" })
-        ] })
-      ]
+      ariaLabel: filter.label,
+      value: Object.keys(filter.value),
+      options: filter.options.map((option) => ({
+        value: option.value,
+        label: typeof option.label === "string" ? option.label : option.title ?? option.value,
+        ...option.disabled !== void 0 ? { disabled: option.disabled } : {},
+        ...option.title !== void 0 ? { title: option.title } : {}
+      })),
+      onChange: (values) => {
+        const next = {};
+        for (const value of values)
+          next[value] = filter.value[value] ?? "include";
+        filter.onChange(next);
+      },
+      allowCustomValue: filter.allowCustomValue ?? false,
+      ...filter.placeholder !== void 0 ? { placeholder: filter.placeholder } : {},
+      ...filter.disabled !== void 0 ? { disabled: filter.disabled } : {},
+      ...filter.className !== void 0 ? { className: filter.className } : {},
+      ...moreCount > 0 ? { footer: `… and ${moreCount.toLocaleString()} more` } : {}
     }
   );
 }
-function multiOptionText(option) {
-  const label = typeof option.label === "string" ? option.label : "";
-  return [option.value, label, option.title ?? ""].filter(Boolean).join(" ");
-}
 function TimeRangeRow({ timeRange }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center", children: [
     /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: "Time range" }),
@@ -388,7 +374,7 @@ function TimeRangeRow({ timeRange }) {
 function splitCommaValues(value) {
   return value.split(",").map((item) => item.trim()).filter(Boolean);
 }
-const inputClassName = "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring";
+const inputClassName = "h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring";
 export {
   FilterForm
 };

package/dist/rpc/FilterForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterForm.js","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type {\n  FilterBarFilter,\n  FilterBarMultiFilter,\n  FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { FilterPill, type FilterMode } from \"../data/FilterPill\";\nimport { Icon } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  packParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () => `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(lockedValues)}`,\n    [initialValues, lockedValues, method, path],\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(parameters, method, lockedValues, initialValues),\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, debouncedValues],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        path,\n        method,\n        packParameterValues(debouncedValues, parameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled:\n      enableLookup && !!client.lookupFilters && parameters.some((param) => param.in === \"query\"),\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(parameters, values, setValues, {\n        lookup: lookupQuery.data,\n        lockedValues,\n        hideLocked,\n      }),\n    [hideLocked, lockedValues, lookupQuery.data, parameters, values],\n  );\n\n  const hasFields = formConfig.filters.length > 0 || formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired.map((param) => titleCase(param.name)).join(\", \")}`,\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(buildInitialParameterValues(parameters, method, lockedValues, initialValues));\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        <ParameterGrid\n          autoSubmit={autoSubmit}\n          filters={formConfig.filters}\n          isSubmitting={isSubmitting}\n          submitLabel={submitLabel}\n          submittingLabel={submittingLabel}\n          {...(formConfig.timeRange ? { timeRange: formConfig.timeRange } : {})}\n          {...(className ? { className } : {})}\n        />\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          <Button type=\"button\" onClick={handleSubmit} disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n\ntype ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n};\n\nfunction ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined ? { timeEnabled: filter.timeEnabled } : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder ? { fromPlaceholder: filter.fromPlaceholder } : {})}\n        {...(filter.toPlaceholder ? { toPlaceholder: filter.toPlaceholder } : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(splitCommaValues(event.target.value))}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({ filter, id }: { filter: FilterBarMultiFilter; id: string }) {\n  const [query, setQuery] = useState(\"\");\n  const showOptionFilter = filter.options.length > 7;\n  const visibleOptions = useMemo(() => {\n    const normalized = query.trim().toLowerCase();\n    if (!normalized) return filter.options;\n    return filter.options.filter((option) =>\n      multiOptionText(option).toLowerCase().includes(normalized),\n    );\n  }, [filter.options, query]);\n\n  const setMode = (value: string, mode: FilterMode) => {\n    if (filter.disabled) return;\n    const next = { ...filter.value };\n    if (mode === \"include\" || mode === \"exclude\") {\n      next[value] = mode;\n    } else {\n      delete next[value];\n    }\n    filter.onChange(next);\n  };\n\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label={filter.label}\n      className=\"rounded-md border border-input bg-background p-2\"\n    >\n      {showOptionFilter && (\n        <label className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={query}\n            disabled={filter.disabled}\n            onChange={(event) => setQuery(event.target.value)}\n          />\n        </label>\n      )}\n\n      <div className=\"max-h-56 space-y-1 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode: FilterMode = filter.value[option.value] ?? \"neutral\";\n          return (\n            <FilterPill\n              key={option.value}\n              className=\"w-full justify-between\"\n              label={option.label}\n              mode={mode}\n              title={option.title ?? multiOptionText(option)}\n              togglePosition=\"right\"\n              onModeChange={(next) => setMode(option.value, next)}\n            />\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction multiOptionText(option: FilterBarMultiFilter[\"options\"][number]) {\n  const label = typeof option.label === \"string\" ? option.label : \"\";\n  return [option.value, label, option.title ?? \"\"].filter(Boolean).join(\" \");\n}\n\n// TimeRangeRow renders the paired from/to parameters as the native TimeRange\n// popover picker (relative-time presets + a date picker) rather than two bare\n// text inputs, matching how FilterBar renders its own range control.\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">Time range</div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined ? { timeEnabled: timeRange.timeEnabled } : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder ? { fromPlaceholder: timeRange.fromPlaceholder } : {})}\n          {...(timeRange.toPlaceholder ? { toPlaceholder: timeRange.toPlaceholder } : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterForm.js","sources":["../../src/rpc/FilterForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type FormEvent } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type {\n  FilterBarFilter,\n  FilterBarMultiFilter,\n  FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { Combobox } from \"../components/Combobox\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\nimport {\n  packLookupParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  buildInitialParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport type { OpenAPIParameter } from \"./types\";\nimport { useOpenAPI, type OperationsApiClient } from \"./useOperations\";\n\nexport type FilterFormProps = {\n  client: OperationsApiClient;\n  path: string;\n  method: string;\n  parameters?: OpenAPIParameter[];\n  initialValues?: ParameterValues | undefined;\n  lockedValues?: ParameterValues | undefined;\n  hideLocked?: boolean | undefined;\n  enableLookup?: boolean | undefined;\n  autoSubmit?: boolean | undefined;\n  submitLabel?: string | undefined;\n  submittingLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  isSubmitting?: boolean | undefined;\n  className?: string | undefined;\n  onSubmit: (values: ParameterValues) => void | Promise<void>;\n};\n\nexport function FilterForm({\n  client,\n  path,\n  method,\n  parameters = [],\n  initialValues = {},\n  lockedValues = {},\n  hideLocked = false,\n  enableLookup = method.toUpperCase() === \"GET\",\n  autoSubmit = false,\n  submitLabel = \"Execute request\",\n  submittingLabel = \"Executing…\",\n  emptyMessage = \"This operation does not require input.\",\n  isSubmitting = false,\n  className,\n  onSubmit,\n}: FilterFormProps) {\n  const resetKey = useMemo(\n    () =>\n      `${method}:${path}:${JSON.stringify(initialValues)}:${JSON.stringify(lockedValues)}`,\n    [initialValues, lockedValues, method, path],\n  );\n  const [values, setValues] = useState<ParameterValues>(() =>\n    buildInitialParameterValues(\n      parameters,\n      method,\n      lockedValues,\n      initialValues,\n    ),\n  );\n  const [error, setError] = useState(\"\");\n  const debouncedValues = useDebouncedRecord(values, 250);\n  const lastAutoSubmitted = useRef<string | null>(null);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(debouncedValues, parameters),\n    [debouncedValues, parameters],\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\"filter-form-lookup\", method, path, lookupParameters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(path, method, lookupParameters, {\n        Accept: \"application/json+clicky\",\n      })) ?? { filters: {} },\n    enabled:\n      enableLookup &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const { data: spec } = useOpenAPI(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const formConfig = useMemo(\n    () =>\n      parametersToFormConfig(parameters, values, setValues, {\n        lookup: lookupQuery.data,\n        components: filterShapes,\n        lockedValues,\n        hideLocked,\n      }),\n    [\n      filterShapes,\n      hideLocked,\n      lockedValues,\n      lookupQuery.data,\n      parameters,\n      values,\n    ],\n  );\n\n  const hasFields =\n    formConfig.filters.length > 0 || formConfig.timeRange != null;\n\n  async function handleSubmit(event?: FormEvent) {\n    event?.preventDefault();\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value = lockedValues[param.name] ?? values[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n\n    if (missingRequired.length > 0) {\n      setError(\n        `Missing required fields: ${missingRequired.map((param) => titleCase(param.name)).join(\", \")}`,\n      );\n      return;\n    }\n\n    setError(\"\");\n    await onSubmit(pruneParameterValues(values));\n  }\n\n  useEffect(() => {\n    setValues(\n      buildInitialParameterValues(\n        parameters,\n        method,\n        lockedValues,\n        initialValues,\n      ),\n    );\n    setError(\"\");\n    lastAutoSubmitted.current = null;\n  }, [resetKey]);\n\n  useEffect(() => {\n    if (!autoSubmit) {\n      return;\n    }\n\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      const value =\n        lockedValues[param.name] ?? debouncedValues[param.name] ?? \"\";\n      return value.trim() === \"\";\n    });\n    if (missingRequired.length > 0) {\n      return;\n    }\n\n    const submittedValues = pruneParameterValues(debouncedValues);\n    const signature = JSON.stringify(submittedValues);\n    if (lastAutoSubmitted.current === signature) {\n      return;\n    }\n\n    lastAutoSubmitted.current = signature;\n    setError(\"\");\n    void onSubmit(submittedValues);\n  }, [autoSubmit, debouncedValues, lockedValues, onSubmit, parameters]);\n\n  return (\n    <form className=\"space-y-3\" onSubmit={handleSubmit}>\n      {hasFields ? (\n        <ParameterGrid\n          autoSubmit={autoSubmit}\n          filters={formConfig.filters}\n          isSubmitting={isSubmitting}\n          submitLabel={submitLabel}\n          submittingLabel={submittingLabel}\n          {...(formConfig.timeRange ? { timeRange: formConfig.timeRange } : {})}\n          {...(className ? { className } : {})}\n        />\n      ) : (\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n          <Button type=\"button\" onClick={handleSubmit} disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n    </form>\n  );\n}\n\ntype ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n};\n\nfunction ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : (option.title ?? option.value),\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\n// TimeRangeRow renders the paired from/to parameters as the native TimeRange\n// popover picker (relative-time presets + a date picker) rather than two bare\n// text inputs, matching how FilterBar renders its own range control.\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["_a"],"mappings":"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"}

package/dist/rpc/InlineError.cjs

@@ -1,17 +1,34 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const button = require("../components/button.cjs");
 const Icon = require("../data/Icon.cjs");
 const utils = require("../lib/utils.cjs");
+const UiPlay = require("../icons/components/UiPlay.cjs");
 const UiChevronRight = require("../icons/components/UiChevronRight.cjs");
-function InlineError({ title, error, className }) {
+function InlineError({ title, error, className, runNow }) {
   const message = error instanceof Error ? error.message : String(error ?? "");
   const details = getErrorDetails(error);
   const hasDetails = Boolean(details.responseBody || details.status || details.url);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("rounded-xl border border-dashed border-red-300 p-6 text-sm", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-red-600", children: title }),
-      message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-muted-foreground", children: message })
+      message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-muted-foreground", children: message }),
+      runNow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: runNow.onClick,
+          loading: runNow.loading ?? false,
+          loadingLabel: runNow.loading ? "Running…" : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiPlay.UiPlay }),
+            "Run now"
+          ]
+        }
+      ) })
     ] }),
     hasDetails && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center justify-center gap-1 text-xs text-muted-foreground hover:text-foreground", children: [

package/dist/rpc/InlineError.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineError.cjs","sources":["../../src/rpc/InlineError.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type InlineErrorProps = {\n  title: string;\n  error: unknown;\n  className?: string;\n};\n\ntype ErrorDetails = {\n  method?: string;\n  url?: string;\n  status?: number;\n  responseBody?: string;\n};\n\nexport function InlineError({ title, error, className }: InlineErrorProps) {\n  const message = error instanceof Error ? error.message : String(error ?? \"\");\n  const details = getErrorDetails(error);\n  const hasDetails = Boolean(details.responseBody || details.status || details.url);\n\n  return (\n    <div className={cn(\"rounded-xl border border-dashed border-red-300 p-6 text-sm\", className)}>\n      <div className=\"text-center\">\n        <div className=\"font-medium text-red-600\">{title}</div>\n        {message && <div className=\"mt-1 text-muted-foreground\">{message}</div>}\n      </div>\n      {hasDetails && (\n        <details className=\"group mt-3\">\n          <summary className=\"flex cursor-pointer items-center justify-center gap-1 text-xs text-muted-foreground hover:text-foreground\">\n            <Icon icon={UiChevronRight} className=\"transition-transform group-open:rotate-90\" />\n            More details\n          </summary>\n          <div className=\"mt-2 space-y-2 text-left font-mono text-xs\">\n            {(details.method || details.url || details.status) && (\n              <div className=\"text-muted-foreground\">\n                {details.method && <span>{details.method} </span>}\n                {details.url}\n                {details.status != null && <span> - {details.status}</span>}\n              </div>\n            )}\n            {details.responseBody && (\n              <pre className=\"max-h-64 overflow-auto rounded-md bg-muted p-2 text-xs\">\n                {details.responseBody}\n              </pre>\n            )}\n          </div>\n        </details>\n      )}\n    </div>\n  );\n}\n\nfunction getErrorDetails(error: unknown): ErrorDetails {\n  if (error == null || typeof error !== \"object\") return {};\n  const record = error as Record<string, unknown>;\n  const details: ErrorDetails = {};\n  if (typeof record.method === \"string\") details.method = record.method;\n  if (typeof record.url === \"string\") details.url = record.url;\n  if (typeof record.status === \"number\") details.status = record.status;\n  if (typeof record.responseBody === \"string\") details.responseBody = record.responseBody;\n  return details;\n}\n"],"names":["cn","jsxs","jsx","Icon","UiChevronRight"],"mappings":";;;;;;AAiBO,SAAS,YAAY,EAAE,OAAO,OAAO,aAA+B;AACzE,QAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU,OAAO,SAAS,EAAE;AAC3E,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,aAAa,QAAQ,QAAQ,gBAAgB,QAAQ,UAAU,QAAQ,GAAG;AAEhF,yCACG,OAAA,EAAI,WAAWA,MAAAA,GAAG,8DAA8D,SAAS,GACxF,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BAA4B,UAAA,OAAM;AAAA,MAChD,WAAWA,2BAAAA,IAAC,OAAA,EAAI,WAAU,8BAA8B,UAAA,QAAA,CAAQ;AAAA,IAAA,GACnE;AAAA,IACC,cACCD,2BAAAA,KAAC,WAAA,EAAQ,WAAU,cACjB,UAAA;AAAA,MAAAA,2BAAAA,KAAC,WAAA,EAAQ,WAAU,6GACjB,UAAA;AAAA,QAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,eAAAA,gBAAgB,WAAU,6CAA4C;AAAA,QAAE;AAAA,MAAA,GAEtF;AAAA,MACAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,SAAA,QAAQ,UAAU,QAAQ,OAAO,QAAQ,WACzCA,2BAAAA,KAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAA,QAAQ,0CAAW,QAAA,EAAM,UAAA;AAAA,YAAA,QAAQ;AAAA,YAAO;AAAA,UAAA,GAAC;AAAA,UACzC,QAAQ;AAAA,UACR,QAAQ,UAAU,QAAQA,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAAI,QAAQ;AAAA,UAAA,EAAA,CAAO;AAAA,QAAA,GACtD;AAAA,QAED,QAAQ,gBACPC,2BAAAA,IAAC,SAAI,WAAU,0DACZ,kBAAQ,aAAA,CACX;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,gBAAgB,OAA8B;AACrD,MAAI,SAAS,QAAQ,OAAO,UAAU,iBAAiB,CAAA;AACvD,QAAM,SAAS;AACf,QAAM,UAAwB,CAAA;AAC9B,MAAI,OAAO,OAAO,WAAW,SAAU,SAAQ,SAAS,OAAO;AAC/D,MAAI,OAAO,OAAO,QAAQ,SAAU,SAAQ,MAAM,OAAO;AACzD,MAAI,OAAO,OAAO,WAAW,SAAU,SAAQ,SAAS,OAAO;AAC/D,MAAI,OAAO,OAAO,iBAAiB,SAAU,SAAQ,eAAe,OAAO;AAC3E,SAAO;AACT;;"}
+{"version":3,"file":"InlineError.cjs","sources":["../../src/rpc/InlineError.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronRight, UiPlay } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport type InlineErrorProps = {\n  title: string;\n  error: unknown;\n  className?: string;\n  runNow?: {\n    onClick: () => void;\n    loading?: boolean;\n  };\n};\n\ntype ErrorDetails = {\n  method?: string;\n  url?: string;\n  status?: number;\n  responseBody?: string;\n};\n\nexport function InlineError({ title, error, className, runNow }: InlineErrorProps) {\n  const message = error instanceof Error ? error.message : String(error ?? \"\");\n  const details = getErrorDetails(error);\n  const hasDetails = Boolean(details.responseBody || details.status || details.url);\n\n  return (\n    <div className={cn(\"rounded-xl border border-dashed border-red-300 p-6 text-sm\", className)}>\n      <div className=\"text-center\">\n        <div className=\"font-medium text-red-600\">{title}</div>\n        {message && <div className=\"mt-1 text-muted-foreground\">{message}</div>}\n        {runNow && (\n          <div className=\"mt-3 flex justify-center\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={runNow.onClick}\n              loading={runNow.loading ?? false}\n              loadingLabel={runNow.loading ? \"Running…\" : undefined}\n            >\n              <Icon icon={UiPlay} />\n              Run now\n            </Button>\n          </div>\n        )}\n      </div>\n      {hasDetails && (\n        <details className=\"group mt-3\">\n          <summary className=\"flex cursor-pointer items-center justify-center gap-1 text-xs text-muted-foreground hover:text-foreground\">\n            <Icon icon={UiChevronRight} className=\"transition-transform group-open:rotate-90\" />\n            More details\n          </summary>\n          <div className=\"mt-2 space-y-2 text-left font-mono text-xs\">\n            {(details.method || details.url || details.status) && (\n              <div className=\"text-muted-foreground\">\n                {details.method && <span>{details.method} </span>}\n                {details.url}\n                {details.status != null && <span> - {details.status}</span>}\n              </div>\n            )}\n            {details.responseBody && (\n              <pre className=\"max-h-64 overflow-auto rounded-md bg-muted p-2 text-xs\">\n                {details.responseBody}\n              </pre>\n            )}\n          </div>\n        </details>\n      )}\n    </div>\n  );\n}\n\nfunction getErrorDetails(error: unknown): ErrorDetails {\n  if (error == null || typeof error !== \"object\") return {};\n  const record = error as Record<string, unknown>;\n  const details: ErrorDetails = {};\n  if (typeof record.method === \"string\") details.method = record.method;\n  if (typeof record.url === \"string\") details.url = record.url;\n  if (typeof record.status === \"number\") details.status = record.status;\n  if (typeof record.responseBody === \"string\") details.responseBody = record.responseBody;\n  return details;\n}\n"],"names":["cn","jsxs","jsx","Button","Icon","UiPlay","UiChevronRight"],"mappings":";;;;;;;;AAsBO,SAAS,YAAY,EAAE,OAAO,OAAO,WAAW,UAA4B;AACjF,QAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU,OAAO,SAAS,EAAE;AAC3E,QAAM,UAAU,gBAAgB,KAAK;AACrC,QAAM,aAAa,QAAQ,QAAQ,gBAAgB,QAAQ,UAAU,QAAQ,GAAG;AAEhF,yCACG,OAAA,EAAI,WAAWA,MAAAA,GAAG,8DAA8D,SAAS,GACxF,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BAA4B,UAAA,OAAM;AAAA,MAChD,WAAWA,2BAAAA,IAAC,OAAA,EAAI,WAAU,8BAA8B,UAAA,SAAQ;AAAA,MAChE,UACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAD,2BAAAA;AAAAA,QAACE,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,OAAO;AAAA,UAChB,SAAS,OAAO,WAAW;AAAA,UAC3B,cAAc,OAAO,UAAU,aAAa;AAAA,UAE5C,UAAA;AAAA,YAAAD,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAMC,OAAAA,OAAA,CAAQ;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAExB,CACF;AAAA,IAAA,GAEJ;AAAA,IACC,cACCJ,2BAAAA,KAAC,WAAA,EAAQ,WAAU,cACjB,UAAA;AAAA,MAAAA,2BAAAA,KAAC,WAAA,EAAQ,WAAU,6GACjB,UAAA;AAAA,QAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAME,eAAAA,gBAAgB,WAAU,6CAA4C;AAAA,QAAE;AAAA,MAAA,GAEtF;AAAA,MACAL,2BAAAA,KAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,SAAA,QAAQ,UAAU,QAAQ,OAAO,QAAQ,WACzCA,2BAAAA,KAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAA,QAAQ,0CAAW,QAAA,EAAM,UAAA;AAAA,YAAA,QAAQ;AAAA,YAAO;AAAA,UAAA,GAAC;AAAA,UACzC,QAAQ;AAAA,UACR,QAAQ,UAAU,QAAQA,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAAI,QAAQ;AAAA,UAAA,EAAA,CAAO;AAAA,QAAA,GACtD;AAAA,QAED,QAAQ,gBACPC,2BAAAA,IAAC,SAAI,WAAU,0DACZ,kBAAQ,aAAA,CACX;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,gBAAgB,OAA8B;AACrD,MAAI,SAAS,QAAQ,OAAO,UAAU,iBAAiB,CAAA;AACvD,QAAM,SAAS;AACf,QAAM,UAAwB,CAAA;AAC9B,MAAI,OAAO,OAAO,WAAW,SAAU,SAAQ,SAAS,OAAO;AAC/D,MAAI,OAAO,OAAO,QAAQ,SAAU,SAAQ,MAAM,OAAO;AACzD,MAAI,OAAO,OAAO,WAAW,SAAU,SAAQ,SAAS,OAAO;AAC/D,MAAI,OAAO,OAAO,iBAAiB,SAAU,SAAQ,eAAe,OAAO;AAC3E,SAAO;AACT;;"}

package/dist/rpc/InlineError.d.ts

@@ -2,6 +2,10 @@ export type InlineErrorProps = {
     title: string;
     error: unknown;
     className?: string;
+    runNow?: {
+        onClick: () => void;
+        loading?: boolean;
+    };
 };
-export declare function InlineError({ title, error, className }: InlineErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineError({ title, error, className, runNow }: InlineErrorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InlineError.d.ts.map

package/dist/rpc/InlineError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../src/rpc/InlineError.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAmCxE"}
+{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../src/rpc/InlineError.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AASF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAkDhF"}

package/dist/rpc/InlineError.js

@@ -1,15 +1,32 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../components/button.js";
 import { Icon } from "../data/Icon.js";
 import { cn } from "../lib/utils.js";
+import { UiPlay } from "../icons/components/UiPlay.js";
 import { UiChevronRight } from "../icons/components/UiChevronRight.js";
-function InlineError({ title, error, className }) {
+function InlineError({ title, error, className, runNow }) {
   const message = error instanceof Error ? error.message : String(error ?? "");
   const details = getErrorDetails(error);
   const hasDetails = Boolean(details.responseBody || details.status || details.url);
   return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-dashed border-red-300 p-6 text-sm", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "font-medium text-red-600", children: title }),
-      message && /* @__PURE__ */ jsx("div", { className: "mt-1 text-muted-foreground", children: message })
+      message && /* @__PURE__ */ jsx("div", { className: "mt-1 text-muted-foreground", children: message }),
+      runNow && /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: runNow.onClick,
+          loading: runNow.loading ?? false,
+          loadingLabel: runNow.loading ? "Running…" : void 0,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiPlay }),
+            "Run now"
+          ]
+        }
+      ) })
     ] }),
     hasDetails && /* @__PURE__ */ jsxs("details", { className: "group mt-3", children: [
       /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center justify-center gap-1 text-xs text-muted-foreground hover:text-foreground", children: [