@flanksource/clicky-ui 0.3.10 → 0.3.11

package/dist/rpc/OperationCommandPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCommandPage.js","sources":["../../src/rpc/OperationCommandPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { CommandForm } from \"./CommandForm\";\nimport { pathParamNames, submitValue } from \"./command-form-utils\";\nimport type { RenderLink } from \"./EndpointList\";\nimport {\n  buildInitialParameterValues,\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport { InlineError } from \"./InlineError\";\nimport { OperationActionDialog } from \"./OperationActionDialog\";\nimport { OperationResultView } from \"./OperationResultView\";\nimport { hrefForOperation } from \"./rowNavigation\";\nimport type {\n  ExecutionResponse,\n  OpenAPIParameter,\n  ResolvedOperation,\n} from \"./types\";\nimport { useOperationById, type OperationsApiClient } from \"./useOperations\";\n\n// All operation results are fetched as clicky documents; the in-result View\n// menu re-fetches other formats on demand via the response's requestUrl.\nconst RESULT_ACCEPT = \"application/clicky+json\";\n\nexport type OperationCommandPageProps = {\n  client: OperationsApiClient;\n  operationId?: string;\n  operation?: ResolvedOperation;\n  operations?: ResolvedOperation[];\n  initialValues?: ParameterValues;\n  autoRun?: boolean;\n  backHref?: string;\n  backLabel?: string;\n  renderLink?: RenderLink;\n  commandRuntime?: ClickyCommandRuntime;\n  onNavigate?: (href: string) => void;\n  hideLockedPathFilters?: boolean;\n  className?: string;\n};\n\nconst EMPTY_PARAMETER_VALUES: ParameterValues = {};\n\nexport function OperationCommandPage({\n  client,\n  operationId,\n  operation: providedOperation,\n  operations = providedOperation ? [providedOperation] : [],\n  initialValues = EMPTY_PARAMETER_VALUES,\n  autoRun,\n  backHref,\n  backLabel = \"Back\",\n  renderLink,\n  onNavigate,\n  commandRuntime,\n  hideLockedPathFilters = Boolean(providedOperation),\n  className,\n}: OperationCommandPageProps) {\n  const lookup = useOperationById(\n    client,\n    providedOperation ? undefined : operationId,\n  );\n  const operation = providedOperation ?? lookup.operation;\n  const isLoading = providedOperation ? false : lookup.isLoading;\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [result, setResult] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n  const [hasAutoRun, setHasAutoRun] = useState(false);\n  const parameters = operation?.operation.parameters ?? [];\n  const isGet = (operation?.method ?? \"\").toUpperCase() === \"GET\";\n  const effectiveAutoRun = operation ? (autoRun ?? isGet) : false;\n  const parameterSignature = JSON.stringify(\n    parameters.map((param) => ({\n      name: param.name,\n      in: param.in,\n      required: param.required ?? false,\n      default: param.schema?.default ?? null,\n    })),\n  );\n  const operationKey = `${operation?.method ?? \"\"}:${operation?.path ?? \"\"}:${operation?.operation.operationId ?? \"\"}`;\n  const effectiveInitialValues = useMemo(\n    () =>\n      operation\n        ? buildInitialParameterValues(\n            parameters,\n            operation.method,\n            {},\n            {\n              ...readQueryParameterValuesFromUrl(parameters),\n              ...stripRunnerParams(initialValues),\n            },\n          )\n        : stripRunnerParams(initialValues),\n    [initialValues, operation?.method, parameterSignature],\n  );\n  const pathParameters = parameters.filter((param) => param.in === \"path\");\n  const lockedPathValues = useMemo<ParameterValues>(() => {\n    const values: ParameterValues = {};\n    for (const param of pathParameters) {\n      const value = effectiveInitialValues[param.name];\n      if (typeof value === \"string\" && value.trim() !== \"\") {\n        values[param.name] = value;\n      }\n    }\n    return values;\n  }, [effectiveInitialValues, pathParameters]);\n  const detailOperation = useMemo(\n    () => (operation ? findDetailOperation(operation, operations) : undefined),\n    [operation, operations],\n  );\n  const relatedOperations = useMemo(\n    () =>\n      operation\n        ? findRelatedOperations(operation, operations, lockedPathValues)\n        : [],\n    [lockedPathValues, operation, operations],\n  );\n\n  // GET-mode parameter state: filter values + pagination cursor are driven\n  // by the page so they can flow natively into the result table's in-table\n  // FilterBar and pagination footer (via OperationResultView's filterConfig).\n  const [values, setValues] = useState<ParameterValues>(effectiveInitialValues);\n  useEffect(() => {\n    setValues(effectiveInitialValues);\n  }, [effectiveInitialValues]);\n  const debouncedValues = useDebouncedRecord(values, 250);\n\n  useEffect(() => {\n    if (!isGet || !operation) return;\n    writeQueryParameterValuesToUrl(debouncedValues, parameters);\n  }, [isGet, operationKey, debouncedValues, parameterSignature]);\n\n  const lookupQuery = useQuery({\n    queryKey: [\n      \"operation-query-lookup\",\n      operation?.method,\n      operation?.path,\n      debouncedValues,\n    ],\n    queryFn: async () => {\n      if (!operation) return { filters: {} };\n      return (\n        (await client.lookupFilters?.(\n          operation.path,\n          operation.method,\n          packParameterValues(debouncedValues, parameters),\n          { Accept: \"application/json+clicky\" },\n        )) ?? { filters: {} }\n      );\n    },\n    enabled:\n      isGet &&\n      !!operation &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const formConfig = useMemo(() => {\n    if (!isGet) return { filters: [] };\n    return parametersToFormConfig(parameters, values, setValues, {\n      lookup: lookupQuery.data,\n      lockedValues: lockedPathValues,\n      hideLocked: hideLockedPathFilters,\n    });\n  }, [\n    isGet,\n    parameters,\n    values,\n    lookupQuery.data,\n    lockedPathValues,\n    hideLockedPathFilters,\n  ]);\n\n  const dataTablePagination = useMemo(\n    () => dataTablePaginationFromForm(formConfig.pagination, result),\n    [formConfig.pagination, result],\n  );\n\n  // Ref tracking the last submitted parameter signature so the\n  // auto-submit-on-debounced-change effect coordinates against the same\n  // \"have I already fired this set of values\" check.\n  const lastSubmittedSignature = useRef(\"\");\n\n  async function executeOperation(values: ParameterValues) {\n    if (!operation) return;\n\n    setIsExecuting(true);\n    setError(null);\n\n    try {\n      const response = await client.executeCommand(\n        operation.path,\n        operation.method,\n        packParameterValues(values, operation.operation.parameters ?? []),\n        { Accept: RESULT_ACCEPT },\n      );\n      setResult(response);\n    } catch (err) {\n      setResult(null);\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  useEffect(() => {\n    setHasAutoRun(false);\n    setResult(null);\n    setError(null);\n    lastSubmittedSignature.current = \"\";\n  }, [effectiveAutoRun, operationKey]);\n\n  useEffect(() => {\n    if (!effectiveAutoRun || !operation || hasAutoRun) return;\n    // Auto-run a GET as long as every required parameter has a value. Optional\n    // params (limit/offset, filter chips, etc.) get their defaults; the\n    // sidebar's \"click → instant table\" flow depends on this not bailing just\n    // because the operation declares any parameters at all.\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      return (effectiveInitialValues[param.name] ?? \"\").trim() === \"\";\n    });\n    if (missingRequired.length > 0) return;\n\n    setHasAutoRun(true);\n    lastSubmittedSignature.current = JSON.stringify(\n      pruneParameterValues(effectiveInitialValues),\n    );\n    void executeOperation(effectiveInitialValues);\n  }, [\n    effectiveAutoRun,\n    effectiveInitialValues,\n    hasAutoRun,\n    operationKey,\n    parameterSignature,\n  ]);\n\n  // GET re-runs on debounced filter/pagination changes once the initial\n  // auto-run has fired; non-GETs keep their explicit-submit behavior.\n  useEffect(() => {\n    if (!isGet || !operation || !hasAutoRun) return;\n    const merged = { ...debouncedValues, ...lockedPathValues };\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      return (merged[param.name] ?? \"\").trim() === \"\";\n    });\n    if (missingRequired.length > 0) return;\n    const signature = JSON.stringify(pruneParameterValues(merged));\n    if (lastSubmittedSignature.current === signature) return;\n    lastSubmittedSignature.current = signature;\n    void executeOperation(merged);\n  }, [\n    isGet,\n    hasAutoRun,\n    debouncedValues,\n    lockedPathValues,\n    parameterSignature,\n  ]);\n\n  const backLink =\n    backHref == null ? null : renderLink ? (\n      renderLink({\n        to: backHref,\n        className: \"text-sm text-primary underline-offset-4 hover:underline\",\n        children: backLabel,\n      })\n    ) : (\n      <a\n        href={backHref}\n        className=\"text-sm text-primary underline-offset-4 hover:underline\"\n      >\n        {backLabel}\n      </a>\n    );\n\n  if (isLoading) {\n    return (\n      <div className=\"text-sm text-muted-foreground\">Loading operation...</div>\n    );\n  }\n\n  if (!operation) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"text-sm text-muted-foreground\">\n          Unknown operation: <code>{operationId}</code>\n        </div>\n        {backLink}\n      </div>\n    );\n  }\n\n  const { path, method, operation: op } = operation;\n\n  return (\n    <div className={className ?? \"min-w-0 flex-1 space-y-6 p-6\"}>\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"min-w-0 flex-1\">\n          {backLink}\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={method} />\n            <h1 className=\"truncate text-xl font-bold\">\n              {op.summary || op.operationId || path}\n            </h1>\n          </div>\n          <p className=\"mt-1 font-mono text-xs text-muted-foreground\">{path}</p>\n          {op.operationId && op.summary && (\n            <p className=\"mt-2 font-mono text-xs text-muted-foreground\">\n              {op.operationId}\n            </p>\n          )}\n          {op.description && op.description !== op.summary && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {op.description}\n            </p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-3\">\n          {relatedOperations.length > 0 && (\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              {relatedOperations.map((related) =>\n                related.href ? (\n                  renderLink ? (\n                    renderLink({\n                      key: `${related.operation.method}:${related.operation.path}`,\n                      to: related.href,\n                      className:\n                        \"inline-flex h-8 items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-xs font-medium hover:bg-accent hover:text-accent-foreground\",\n                      children: related.label,\n                    })\n                  ) : (\n                    <a\n                      key={`${related.operation.method}:${related.operation.path}`}\n                      href={related.href}\n                      className=\"inline-flex h-8 items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-xs font-medium hover:bg-accent hover:text-accent-foreground\"\n                    >\n                      {related.label}\n                    </a>\n                  )\n                ) : (\n                  <OperationActionDialog\n                    key={`${related.operation.method}:${related.operation.path}`}\n                    operation={related.operation}\n                    client={client}\n                    initialValues={lockedPathValues}\n                    label={related.label}\n                    defaultAccept={RESULT_ACCEPT}\n                    {...(onNavigate ? { onNavigateAction: onNavigate } : {})}\n                  />\n                ),\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {method.toUpperCase() !== \"GET\" && (\n        <section className=\"space-y-3\">\n          <div className=\"rounded-lg border p-4\">\n            <CommandForm\n              parameters={parameters}\n              onExecute={(params) => executeOperation(params)}\n              isPending={isExecuting}\n              method={method}\n              path={path}\n              accept={RESULT_ACCEPT}\n              initialValues={effectiveInitialValues}\n            />\n          </div>\n        </section>\n      )}\n\n      {error ? (\n        <InlineError title={`Failed to load ${path}`} error={error} />\n      ) : isExecuting || result ? (\n        <OperationResultView\n          response={result}\n          loading={isExecuting}\n          loadingMessage=\"Loading execution results…\"\n          ariaLabel=\"Response body\"\n          detailOperation={detailOperation}\n          {...(commandRuntime ? { commandRuntime } : {})}\n          {...(isGet && effectiveAutoRun\n            ? {\n                filterConfig: {\n                  filters: formConfig.filters,\n                  ...(formConfig.timeRange\n                    ? { timeRange: formConfig.timeRange }\n                    : {}),\n                },\n              }\n            : {})}\n          {...(isGet && effectiveAutoRun && dataTablePagination\n            ? { pagination: dataTablePagination }\n            : {})}\n        />\n      ) : null}\n    </div>\n  );\n}\n\ntype RelatedOperation = {\n  operation: ResolvedOperation;\n  label: string;\n  href?: string;\n};\n\nfunction findRelatedOperations(\n  current: ResolvedOperation,\n  operations: ResolvedOperation[],\n  pathValues: Record<string, string>,\n): RelatedOperation[] {\n  if (current.method.toUpperCase() !== \"GET\") return [];\n  if (!pathTemplateSatisfied(current.path, pathValues)) return [];\n\n  const basePath = current.path.replace(/\\/+$/, \"\");\n  return operations\n    .filter((candidate) => {\n      if (candidate === current) return false;\n      if (!candidate.path.startsWith(`${basePath}/`)) return false;\n      if (!pathTemplateSatisfied(candidate.path, pathValues)) return false;\n      const method = candidate.method.toUpperCase();\n      return (\n        method === \"GET\" ||\n        method === \"POST\" ||\n        method === \"PUT\" ||\n        method === \"DELETE\"\n      );\n    })\n    .map((related) => {\n      const method = related.method.toUpperCase();\n      const href =\n        method === \"GET\"\n          ? hrefForOperation(related, [], pathValues)\n          : undefined;\n      return {\n        operation: related,\n        label: operationLabel(related),\n        ...(href ? { href } : {}),\n      };\n    })\n    .filter(\n      (related) =>\n        related.operation.method.toUpperCase() !== \"GET\" || related.href,\n    );\n}\n\nfunction findDetailOperation(\n  current: ResolvedOperation,\n  operations: ResolvedOperation[],\n) {\n  const method = current.method.toUpperCase();\n  const detailPath = `${current.path.replace(/\\/+$/, \"\")}/{id}`;\n  return operations.find(\n    (candidate) =>\n      candidate.method.toUpperCase() === method &&\n      candidate.path === detailPath &&\n      candidate.operation.parameters?.some(\n        (param) => param.in === \"path\" && param.name === \"id\" && param.required,\n      ),\n  );\n}\n\nfunction pathTemplateSatisfied(path: string, values: Record<string, string>) {\n  return pathParamNames(path).every((name) => Boolean(values[name]));\n}\n\nfunction operationLabel(operation: ResolvedOperation): string {\n  const actionName =\n    operation.operation[\"x-clicky\"]?.actionName ||\n    operation.path.split(\"/\").filter(Boolean).at(-1) ||\n    operation.operation.operationId ||\n    operation.method;\n  return titleCase(actionName.replace(/[_-]+/g, \" \"));\n}\n\nfunction stripRunnerParams(values: ParameterValues): ParameterValues {\n  const next: ParameterValues = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (key === \"autoRun\" || key.startsWith(\"__\")) continue;\n    next[key] = value;\n  }\n  return next;\n}\n\nfunction readQueryParameterValuesFromUrl(\n  parameters: OpenAPIParameter[],\n): ParameterValues {\n  if (typeof window === \"undefined\") return {};\n  const queryParamNames = new Set(\n    parameters.filter((param) => param.in === \"query\").map((p) => p.name),\n  );\n  if (queryParamNames.size === 0) return {};\n\n  const values: ParameterValues = {};\n  const search = new URLSearchParams(window.location.search);\n  for (const name of queryParamNames) {\n    const value = search.get(name);\n    if (value != null && value !== \"\") {\n      values[name] = value;\n    }\n  }\n  return values;\n}\n\nfunction writeQueryParameterValuesToUrl(\n  values: ParameterValues,\n  parameters: OpenAPIParameter[],\n) {\n  if (typeof window === \"undefined\") return;\n  const queryParameters = parameters.filter((param) => param.in === \"query\");\n  if (queryParameters.length === 0) return;\n\n  const search = new URLSearchParams(window.location.search);\n  for (const param of queryParameters) {\n    const value = submitValue(param, values[param.name]);\n    if (value == null) {\n      search.delete(param.name);\n    } else {\n      search.set(param.name, value);\n    }\n  }\n\n  const query = search.toString();\n  const next = `${window.location.pathname}${query ? `?${query}` : \"\"}${window.location.hash}`;\n  const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;\n  if (next !== current) {\n    window.history.replaceState(window.history.state, \"\", next);\n  }\n}\n"],"names":["values"],"mappings":"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"}
+{"version":3,"file":"OperationCommandPage.js","sources":["../../src/rpc/OperationCommandPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { CommandForm } from \"./CommandForm\";\nimport { pathParamNames, submitValue } from \"./command-form-utils\";\nimport type { RenderLink } from \"./EndpointList\";\nimport {\n  buildInitialParameterValues,\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  pruneParameterValues,\n  titleCase,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport { InlineError } from \"./InlineError\";\nimport { OperationActionDialog } from \"./OperationActionDialog\";\nimport { OperationResultView } from \"./OperationResultView\";\nimport { hrefForOperation } from \"./rowNavigation\";\nimport type {\n  ExecutionResponse,\n  OpenAPIParameter,\n  ResolvedOperation,\n} from \"./types\";\nimport { useOperationById, type OperationsApiClient } from \"./useOperations\";\n\n// All operation results are fetched as clicky documents; the in-result View\n// menu re-fetches other formats on demand via the response's requestUrl.\nconst RESULT_ACCEPT = \"application/clicky+json\";\n\nexport type OperationCommandPageProps = {\n  client: OperationsApiClient;\n  operationId?: string;\n  operation?: ResolvedOperation;\n  operations?: ResolvedOperation[];\n  initialValues?: ParameterValues;\n  autoRun?: boolean;\n  backHref?: string;\n  backLabel?: string;\n  renderLink?: RenderLink;\n  commandRuntime?: ClickyCommandRuntime;\n  onNavigate?: (href: string) => void;\n  onResult?: (\n    response: ExecutionResponse,\n    operation: ResolvedOperation,\n    values: ParameterValues,\n  ) => void;\n  hideLockedPathFilters?: boolean;\n  className?: string;\n};\n\nconst EMPTY_PARAMETER_VALUES: ParameterValues = {};\n\nexport function OperationCommandPage({\n  client,\n  operationId,\n  operation: providedOperation,\n  operations = providedOperation ? [providedOperation] : [],\n  initialValues = EMPTY_PARAMETER_VALUES,\n  autoRun,\n  backHref,\n  backLabel = \"Back\",\n  renderLink,\n  onNavigate,\n  onResult,\n  commandRuntime,\n  hideLockedPathFilters = Boolean(providedOperation),\n  className,\n}: OperationCommandPageProps) {\n  const lookup = useOperationById(\n    client,\n    providedOperation ? undefined : operationId,\n  );\n  const operation = providedOperation ?? lookup.operation;\n  const isLoading = providedOperation ? false : lookup.isLoading;\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [result, setResult] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n  const [hasAutoRun, setHasAutoRun] = useState(false);\n  const parameters = operation?.operation.parameters ?? [];\n  const isGet = (operation?.method ?? \"\").toUpperCase() === \"GET\";\n  const effectiveAutoRun = operation ? (autoRun ?? isGet) : false;\n  const parameterSignature = JSON.stringify(\n    parameters.map((param) => ({\n      name: param.name,\n      in: param.in,\n      required: param.required ?? false,\n      default: param.schema?.default ?? null,\n    })),\n  );\n  const operationKey = `${operation?.method ?? \"\"}:${operation?.path ?? \"\"}:${operation?.operation.operationId ?? \"\"}`;\n  const effectiveInitialValues = useMemo(\n    () =>\n      operation\n        ? buildInitialParameterValues(\n            parameters,\n            operation.method,\n            {},\n            {\n              ...readQueryParameterValuesFromUrl(parameters),\n              ...stripRunnerParams(initialValues),\n            },\n          )\n        : stripRunnerParams(initialValues),\n    [initialValues, operation?.method, parameterSignature],\n  );\n  const pathParameters = parameters.filter((param) => param.in === \"path\");\n  const lockedPathValues = useMemo<ParameterValues>(() => {\n    const values: ParameterValues = {};\n    for (const param of pathParameters) {\n      const value = effectiveInitialValues[param.name];\n      if (typeof value === \"string\" && value.trim() !== \"\") {\n        values[param.name] = value;\n      }\n    }\n    return values;\n  }, [effectiveInitialValues, pathParameters]);\n  const detailOperation = useMemo(\n    () => (operation ? findDetailOperation(operation, operations) : undefined),\n    [operation, operations],\n  );\n  const relatedOperations = useMemo(\n    () =>\n      operation\n        ? findRelatedOperations(operation, operations, lockedPathValues)\n        : [],\n    [lockedPathValues, operation, operations],\n  );\n\n  // GET-mode parameter state: filter values + pagination cursor are driven\n  // by the page so they can flow natively into the result table's in-table\n  // FilterBar and pagination footer (via OperationResultView's filterConfig).\n  const [values, setValues] = useState<ParameterValues>(effectiveInitialValues);\n  useEffect(() => {\n    setValues(effectiveInitialValues);\n  }, [effectiveInitialValues]);\n  const debouncedValues = useDebouncedRecord(values, 250);\n\n  useEffect(() => {\n    if (!isGet || !operation) return;\n    writeQueryParameterValuesToUrl(debouncedValues, parameters);\n  }, [isGet, operationKey, debouncedValues, parameterSignature]);\n\n  const lookupQuery = useQuery({\n    queryKey: [\n      \"operation-query-lookup\",\n      operation?.method,\n      operation?.path,\n      debouncedValues,\n    ],\n    queryFn: async () => {\n      if (!operation) return { filters: {} };\n      return (\n        (await client.lookupFilters?.(\n          operation.path,\n          operation.method,\n          packParameterValues(debouncedValues, parameters),\n          { Accept: \"application/json+clicky\" },\n        )) ?? { filters: {} }\n      );\n    },\n    enabled:\n      isGet &&\n      !!operation &&\n      !!client.lookupFilters &&\n      parameters.some((param) => param.in === \"query\"),\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const formConfig = useMemo(() => {\n    if (!isGet) return { filters: [] };\n    return parametersToFormConfig(parameters, values, setValues, {\n      lookup: lookupQuery.data,\n      lockedValues: lockedPathValues,\n      hideLocked: hideLockedPathFilters,\n    });\n  }, [\n    isGet,\n    parameters,\n    values,\n    lookupQuery.data,\n    lockedPathValues,\n    hideLockedPathFilters,\n  ]);\n\n  const dataTablePagination = useMemo(\n    () => dataTablePaginationFromForm(formConfig.pagination, result),\n    [formConfig.pagination, result],\n  );\n\n  // Ref tracking the last submitted parameter signature so the\n  // auto-submit-on-debounced-change effect coordinates against the same\n  // \"have I already fired this set of values\" check.\n  const lastSubmittedSignature = useRef(\"\");\n\n  async function executeOperation(values: ParameterValues) {\n    if (!operation) return;\n\n    setIsExecuting(true);\n    setError(null);\n\n    try {\n      const response = await client.executeCommand(\n        operation.path,\n        operation.method,\n        packParameterValues(values, operation.operation.parameters ?? []),\n        { Accept: RESULT_ACCEPT },\n      );\n      setResult(response);\n      onResult?.(response, operation, values);\n    } catch (err) {\n      setResult(null);\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  useEffect(() => {\n    setHasAutoRun(false);\n    setResult(null);\n    setError(null);\n    lastSubmittedSignature.current = \"\";\n  }, [effectiveAutoRun, operationKey]);\n\n  useEffect(() => {\n    if (!effectiveAutoRun || !operation || hasAutoRun) return;\n    // Auto-run a GET as long as every required parameter has a value. Optional\n    // params (limit/offset, filter chips, etc.) get their defaults; the\n    // sidebar's \"click → instant table\" flow depends on this not bailing just\n    // because the operation declares any parameters at all.\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      return (effectiveInitialValues[param.name] ?? \"\").trim() === \"\";\n    });\n    if (missingRequired.length > 0) return;\n\n    setHasAutoRun(true);\n    lastSubmittedSignature.current = JSON.stringify(\n      pruneParameterValues(effectiveInitialValues),\n    );\n    void executeOperation(effectiveInitialValues);\n  }, [\n    effectiveAutoRun,\n    effectiveInitialValues,\n    hasAutoRun,\n    operationKey,\n    parameterSignature,\n  ]);\n\n  // GET re-runs on debounced filter/pagination changes once the initial\n  // auto-run has fired; non-GETs keep their explicit-submit behavior.\n  useEffect(() => {\n    if (!isGet || !operation || !hasAutoRun) return;\n    const merged = { ...debouncedValues, ...lockedPathValues };\n    const missingRequired = parameters.filter((param) => {\n      if (!param.required) return false;\n      return (merged[param.name] ?? \"\").trim() === \"\";\n    });\n    if (missingRequired.length > 0) return;\n    const signature = JSON.stringify(pruneParameterValues(merged));\n    if (lastSubmittedSignature.current === signature) return;\n    lastSubmittedSignature.current = signature;\n    void executeOperation(merged);\n  }, [\n    isGet,\n    hasAutoRun,\n    debouncedValues,\n    lockedPathValues,\n    parameterSignature,\n  ]);\n\n  const backLink =\n    backHref == null ? null : renderLink ? (\n      renderLink({\n        to: backHref,\n        className: \"text-sm text-primary underline-offset-4 hover:underline\",\n        children: backLabel,\n      })\n    ) : (\n      <a\n        href={backHref}\n        className=\"text-sm text-primary underline-offset-4 hover:underline\"\n      >\n        {backLabel}\n      </a>\n    );\n\n  if (isLoading) {\n    return (\n      <div className=\"text-sm text-muted-foreground\">Loading operation...</div>\n    );\n  }\n\n  if (!operation) {\n    return (\n      <div className=\"space-y-4\">\n        <div className=\"text-sm text-muted-foreground\">\n          Unknown operation: <code>{operationId}</code>\n        </div>\n        {backLink}\n      </div>\n    );\n  }\n\n  const { path, method, operation: op } = operation;\n\n  return (\n    <div className={className ?? \"min-w-0 flex-1 space-y-6 p-6\"}>\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"min-w-0 flex-1\">\n          {backLink}\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={method} />\n            <h1 className=\"truncate text-xl font-bold\">\n              {op.summary || op.operationId || path}\n            </h1>\n          </div>\n          <p className=\"mt-1 font-mono text-xs text-muted-foreground\">{path}</p>\n          {op.operationId && op.summary && (\n            <p className=\"mt-2 font-mono text-xs text-muted-foreground\">\n              {op.operationId}\n            </p>\n          )}\n          {op.description && op.description !== op.summary && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {op.description}\n            </p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-3\">\n          {relatedOperations.length > 0 && (\n            <div className=\"flex flex-wrap justify-end gap-2\">\n              {relatedOperations.map((related) =>\n                related.href ? (\n                  renderLink ? (\n                    renderLink({\n                      key: `${related.operation.method}:${related.operation.path}`,\n                      to: related.href,\n                      className:\n                        \"inline-flex h-8 items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-xs font-medium hover:bg-accent hover:text-accent-foreground\",\n                      children: related.label,\n                    })\n                  ) : (\n                    <a\n                      key={`${related.operation.method}:${related.operation.path}`}\n                      href={related.href}\n                      className=\"inline-flex h-8 items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-xs font-medium hover:bg-accent hover:text-accent-foreground\"\n                    >\n                      {related.label}\n                    </a>\n                  )\n                ) : (\n                  <OperationActionDialog\n                    key={`${related.operation.method}:${related.operation.path}`}\n                    operation={related.operation}\n                    client={client}\n                    initialValues={lockedPathValues}\n                    label={related.label}\n                    defaultAccept={RESULT_ACCEPT}\n                    {...(onNavigate ? { onNavigateAction: onNavigate } : {})}\n                  />\n                ),\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {method.toUpperCase() !== \"GET\" && (\n        <section className=\"space-y-3\">\n          <div className=\"rounded-lg border p-4\">\n            <CommandForm\n              parameters={parameters}\n              onExecute={(params) => executeOperation(params)}\n              isPending={isExecuting}\n              method={method}\n              path={path}\n              accept={RESULT_ACCEPT}\n              initialValues={effectiveInitialValues}\n            />\n          </div>\n        </section>\n      )}\n\n      {error ? (\n        <InlineError title={`Failed to load ${path}`} error={error} />\n      ) : isExecuting || result ? (\n        <OperationResultView\n          response={result}\n          loading={isExecuting}\n          loadingMessage=\"Loading execution results…\"\n          ariaLabel=\"Response body\"\n          detailOperation={detailOperation}\n          {...(commandRuntime ? { commandRuntime } : {})}\n          {...(isGet && effectiveAutoRun\n            ? {\n                filterConfig: {\n                  filters: formConfig.filters,\n                  ...(formConfig.timeRange\n                    ? { timeRange: formConfig.timeRange }\n                    : {}),\n                },\n              }\n            : {})}\n          {...(isGet && effectiveAutoRun && dataTablePagination\n            ? { pagination: dataTablePagination }\n            : {})}\n        />\n      ) : null}\n    </div>\n  );\n}\n\ntype RelatedOperation = {\n  operation: ResolvedOperation;\n  label: string;\n  href?: string;\n};\n\nfunction findRelatedOperations(\n  current: ResolvedOperation,\n  operations: ResolvedOperation[],\n  pathValues: Record<string, string>,\n): RelatedOperation[] {\n  if (current.method.toUpperCase() !== \"GET\") return [];\n  if (!pathTemplateSatisfied(current.path, pathValues)) return [];\n\n  const basePath = current.path.replace(/\\/+$/, \"\");\n  return operations\n    .filter((candidate) => {\n      if (candidate === current) return false;\n      if (!candidate.path.startsWith(`${basePath}/`)) return false;\n      if (!pathTemplateSatisfied(candidate.path, pathValues)) return false;\n      const method = candidate.method.toUpperCase();\n      return (\n        method === \"GET\" ||\n        method === \"POST\" ||\n        method === \"PUT\" ||\n        method === \"DELETE\"\n      );\n    })\n    .map((related) => {\n      const method = related.method.toUpperCase();\n      const href =\n        method === \"GET\"\n          ? hrefForOperation(related, [], pathValues)\n          : undefined;\n      return {\n        operation: related,\n        label: operationLabel(related),\n        ...(href ? { href } : {}),\n      };\n    })\n    .filter(\n      (related) =>\n        related.operation.method.toUpperCase() !== \"GET\" || related.href,\n    );\n}\n\nfunction findDetailOperation(\n  current: ResolvedOperation,\n  operations: ResolvedOperation[],\n) {\n  const method = current.method.toUpperCase();\n  const detailPath = `${current.path.replace(/\\/+$/, \"\")}/{id}`;\n  return operations.find(\n    (candidate) =>\n      candidate.method.toUpperCase() === method &&\n      candidate.path === detailPath &&\n      candidate.operation.parameters?.some(\n        (param) => param.in === \"path\" && param.name === \"id\" && param.required,\n      ),\n  );\n}\n\nfunction pathTemplateSatisfied(path: string, values: Record<string, string>) {\n  return pathParamNames(path).every((name) => Boolean(values[name]));\n}\n\nfunction operationLabel(operation: ResolvedOperation): string {\n  const actionName =\n    operation.operation[\"x-clicky\"]?.actionName ||\n    operation.path.split(\"/\").filter(Boolean).at(-1) ||\n    operation.operation.operationId ||\n    operation.method;\n  return titleCase(actionName.replace(/[_-]+/g, \" \"));\n}\n\nfunction stripRunnerParams(values: ParameterValues): ParameterValues {\n  const next: ParameterValues = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (key === \"autoRun\" || key.startsWith(\"__\")) continue;\n    next[key] = value;\n  }\n  return next;\n}\n\nfunction readQueryParameterValuesFromUrl(\n  parameters: OpenAPIParameter[],\n): ParameterValues {\n  if (typeof window === \"undefined\") return {};\n  const queryParamNames = new Set(\n    parameters.filter((param) => param.in === \"query\").map((p) => p.name),\n  );\n  if (queryParamNames.size === 0) return {};\n\n  const values: ParameterValues = {};\n  const search = new URLSearchParams(window.location.search);\n  for (const name of queryParamNames) {\n    const value = search.get(name);\n    if (value != null && value !== \"\") {\n      values[name] = value;\n    }\n  }\n  return values;\n}\n\nfunction writeQueryParameterValuesToUrl(\n  values: ParameterValues,\n  parameters: OpenAPIParameter[],\n) {\n  if (typeof window === \"undefined\") return;\n  const queryParameters = parameters.filter((param) => param.in === \"query\");\n  if (queryParameters.length === 0) return;\n\n  const search = new URLSearchParams(window.location.search);\n  for (const param of queryParameters) {\n    const value = submitValue(param, values[param.name]);\n    if (value == null) {\n      search.delete(param.name);\n    } else {\n      search.set(param.name, value);\n    }\n  }\n\n  const query = search.toString();\n  const next = `${window.location.pathname}${query ? `?${query}` : \"\"}${window.location.hash}`;\n  const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;\n  if (next !== current) {\n    window.history.replaceState(window.history.state, \"\", next);\n  }\n}\n"],"names":["values"],"mappings":"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"}

package/dist/rpc/OperationEntityContextPicker.cjs

@@ -0,0 +1,448 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactQuery = require("@tanstack/react-query");
+const button = require("../components/button.cjs");
+const DropdownMenu = require("../overlay/DropdownMenu.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const CommandOutput = require("./CommandOutput.cjs");
+const formMetadata = require("./formMetadata.cjs");
+const clickyMetadata = require("./clickyMetadata.cjs");
+const rowNavigation = require("./rowNavigation.cjs");
+const surfaceIconMap = require("./surfaceIconMap.cjs");
+const useOperations = require("./useOperations.cjs");
+const OperationEntityContextPicker_model = require("./OperationEntityContextPicker.model.cjs");
+const UiTable = require("../icons/components/UiTable.cjs");
+const UiAdd = require("../icons/components/UiAdd.cjs");
+function OperationEntityContextPicker({
+  client,
+  items,
+  onAdd,
+  onAddMany,
+  surfaceFilter,
+  surfaceLabel,
+  surfaceGroup,
+  surfaceIcon,
+  surfaceColor,
+  surfaceGroupIcon,
+  surfaceGroupColor,
+  triggerLabel = "Add context"
+}) {
+  const {
+    operations,
+    spec,
+    isLoading: operationsLoading
+  } = useOperations.useOperations(client);
+  const [open, setOpen] = react.useState(false);
+  const [surfaceKey, setSurfaceKey] = react.useState("");
+  const [filters, setFilters] = react.useState({});
+  const [selectedRows, setSelectedRows] = react.useState(
+    {}
+  );
+  const [attaching, setAttaching] = react.useState(false);
+  const [attachError, setAttachError] = react.useState("");
+  const surfaces = react.useMemo(() => {
+    return clickyMetadata.getClickySurfaces(spec).flatMap((surface) => {
+      const surfaceOperations = clickyMetadata.filterOperationsBySurface(
+        operations,
+        surface.key
+      );
+      const listOperation = clickyMetadata.findSurfaceListOperation(
+        surfaceOperations,
+        surface.key
+      );
+      if (!listOperation || listOperation.method.toUpperCase() !== "GET")
+        return [];
+      if (surfaceFilter && !surfaceFilter(surface, listOperation)) return [];
+      const detailOperation = clickyMetadata.findSurfaceDetailOperation(
+        surfaceOperations,
+        surface.key
+      );
+      return [
+        {
+          surface,
+          listOperation,
+          ...detailOperation ? { detailOperation } : {}
+        }
+      ];
+    }).sort((left, right) => {
+      const leftGroup = (surfaceGroup == null ? void 0 : surfaceGroup(left.surface, left.listOperation)) ?? left.surface.parent ?? "";
+      const rightGroup = (surfaceGroup == null ? void 0 : surfaceGroup(right.surface, right.listOperation)) ?? right.surface.parent ?? "";
+      return leftGroup.localeCompare(rightGroup) || left.surface.title.localeCompare(right.surface.title);
+    });
+  }, [operations, spec, surfaceFilter, surfaceGroup]);
+  react.useEffect(() => {
+    setFilters({});
+    setSelectedRows({});
+    setAttachError("");
+  }, [surfaceKey]);
+  const selected = surfaces.find((entry) => entry.surface.key === surfaceKey);
+  const parameters = (selected == null ? void 0 : selected.listOperation.operation.parameters) ?? [];
+  const debouncedFilters = formMetadata.useDebouncedRecord(filters, 250);
+  const packedFilters = react.useMemo(
+    () => formMetadata.packParameterValues(debouncedFilters, parameters),
+    [debouncedFilters, parameters]
+  );
+  const lookupQuery = reactQuery.useQuery({
+    queryKey: [
+      "entity-context-lookup",
+      selected == null ? void 0 : selected.listOperation.path,
+      packedFilters
+    ],
+    queryFn: async () => {
+      var _a;
+      return await ((_a = client.lookupFilters) == null ? void 0 : _a.call(
+        client,
+        selected.listOperation.path,
+        selected.listOperation.method,
+        packedFilters,
+        { Accept: "application/json+clicky" }
+      )) ?? { filters: {} };
+    },
+    enabled: open && !!selected && !!client.lookupFilters && parameters.some((parameter) => parameter.in === "query"),
+    staleTime: 3e4,
+    retry: 0
+  });
+  const listQuery = reactQuery.useQuery({
+    queryKey: [
+      "entity-context-list",
+      selected == null ? void 0 : selected.listOperation.path,
+      packedFilters
+    ],
+    queryFn: () => client.executeCommand(
+      selected.listOperation.path,
+      selected.listOperation.method,
+      packedFilters,
+      { Accept: "application/json+clicky" }
+    ),
+    enabled: open && !!selected,
+    placeholderData: reactQuery.keepPreviousData,
+    staleTime: 3e4,
+    retry: 0
+  });
+  const filterConfig = react.useMemo(
+    () => formMetadata.parametersToFormConfig(parameters, filters, setFilters, {
+      includeLocations: ["query"],
+      lookup: lookupQuery.data
+    }),
+    [filters, lookupQuery.data, parameters]
+  );
+  const pagination = react.useMemo(
+    () => formMetadata.dataTablePaginationFromForm(filterConfig.pagination, listQuery.data),
+    [filterConfig.pagination, listQuery.data]
+  );
+  const existingIDs = react.useMemo(
+    () => new Set(items.map((item) => item.id)),
+    [items]
+  );
+  const markedListResponse = react.useMemo(
+    () => markAttachedRows(listQuery.data, selected == null ? void 0 : selected.surface.key, existingIDs),
+    [existingIDs, listQuery.data, selected == null ? void 0 : selected.surface.key]
+  );
+  const hydrateRow = react.useCallback(
+    async (row) => {
+      var _a, _b, _c;
+      if (!selected) throw new Error("Select an entity type first.");
+      const recordID = rowNavigation.getClickyRowId(row);
+      if (!recordID) {
+        throw new Error("This row does not expose a stable record ID.");
+      }
+      const contextID = OperationEntityContextPicker_model.entityContextItemID(selected.surface.key, recordID);
+      if (existingIDs.has(contextID)) {
+        throw new Error("This record is already attached.");
+      }
+      let record = OperationEntityContextPicker_model.clickyRowRecord(row);
+      if (selected.detailOperation) {
+        const detailMeta = clickyMetadata.getOperationClickyMeta(selected.detailOperation);
+        const idParam = (detailMeta == null ? void 0 : detailMeta.idParam) ?? ((_b = (_a = selected.detailOperation.operation.parameters) == null ? void 0 : _a.find(
+          (parameter) => parameter.in === "path"
+        )) == null ? void 0 : _b.name) ?? "id";
+        const detailParameterNames = new Set(
+          ((_c = selected.detailOperation.operation.parameters) == null ? void 0 : _c.map(
+            (parameter) => parameter.name
+          )) ?? []
+        );
+        const detailParams = Object.fromEntries(
+          Object.entries(packedFilters).filter(
+            ([key]) => detailParameterNames.has(key)
+          )
+        );
+        detailParams[idParam] = recordID;
+        const response = await client.executeCommand(
+          selected.detailOperation.path,
+          selected.detailOperation.method,
+          detailParams,
+          { Accept: "application/json" }
+        );
+        record = response.parsed ?? parseResponseJSON(response) ?? record;
+      }
+      const contextItem = OperationEntityContextPicker_model.contextItemFromEntityRow(
+        selected.surface,
+        row,
+        record
+      );
+      if (!contextItem)
+        throw new Error("This row does not expose a stable record ID.");
+      return contextItem;
+    },
+    [client, existingIDs, packedFilters, selected]
+  );
+  const attachSelected = react.useCallback(async () => {
+    const rows = Object.values(selectedRows);
+    if (rows.length === 0) return;
+    setAttaching(true);
+    setAttachError("");
+    const results = await Promise.allSettled(rows.map(hydrateRow));
+    const added = results.flatMap(
+      (result) => result.status === "fulfilled" ? [result.value] : []
+    );
+    const failures = results.flatMap(
+      (result) => result.status === "rejected" ? [result.reason] : []
+    );
+    if (added.length > 0) {
+      if (onAddMany) onAddMany(added);
+      else added.forEach(onAdd);
+    }
+    setAttaching(false);
+    if (failures.length > 0) {
+      const first = failures[0];
+      setAttachError(
+        `${failures.length} record${failures.length === 1 ? "" : "s"} could not be attached: ${first instanceof Error ? first.message : String(first)}`
+      );
+      return;
+    }
+    setSelectedRows({});
+    setOpen(false);
+  }, [hydrateRow, onAdd, onAddMany, selectedRows]);
+  const menuItems = react.useMemo(() => {
+    var _a;
+    const groups = [];
+    const byGroup = /* @__PURE__ */ new Map();
+    for (const entry of surfaces) {
+      const group = (surfaceGroup == null ? void 0 : surfaceGroup(entry.surface, entry.listOperation)) ?? entry.surface.parent ?? "Other";
+      const label = (surfaceLabel == null ? void 0 : surfaceLabel(entry.surface, entry.listOperation)) ?? entry.surface.title;
+      const icon = (surfaceIcon == null ? void 0 : surfaceIcon(entry.surface, entry.listOperation)) ?? surfaceIconMap.resolveSurfaceIcon(entry.surface.icon) ?? UiTable.UiTable;
+      const iconColor = surfaceColor == null ? void 0 : surfaceColor(entry.surface, entry.listOperation);
+      const leaf = {
+        label,
+        title: label,
+        icon,
+        ...iconColor ? { iconColor } : {},
+        onSelect: () => {
+          setSurfaceKey(entry.surface.key);
+          setOpen(true);
+        }
+      };
+      let bucket = byGroup.get(group);
+      if (!bucket) {
+        bucket = [];
+        byGroup.set(group, bucket);
+        groups.push({ group, leaves: bucket });
+      }
+      bucket.push(leaf);
+    }
+    if (groups.length <= 1) return ((_a = groups[0]) == null ? void 0 : _a.leaves) ?? [];
+    return groups.map(({ group, leaves }) => {
+      var _a2;
+      const groupColor = surfaceGroupColor == null ? void 0 : surfaceGroupColor(group);
+      const prefix = `${group} `;
+      const children = leaves.map(
+        (leaf) => typeof leaf.label === "string" && leaf.label.startsWith(prefix) ? { ...leaf, label: leaf.label.slice(prefix.length) } : leaf
+      );
+      return {
+        label: group,
+        title: group,
+        icon: (surfaceGroupIcon == null ? void 0 : surfaceGroupIcon(group)) ?? ((_a2 = leaves[0]) == null ? void 0 : _a2.icon) ?? UiTable.UiTable,
+        ...groupColor ? { iconColor: groupColor } : {},
+        onSelect: () => {
+        },
+        children
+      };
+    });
+  }, [
+    surfaceColor,
+    surfaceGroup,
+    surfaceGroupColor,
+    surfaceGroupIcon,
+    surfaceIcon,
+    surfaceLabel,
+    surfaces
+  ]);
+  const selectedCount = Object.keys(selectedRows).length;
+  const selectedLabel = selected ? (surfaceLabel == null ? void 0 : surfaceLabel(selected.surface, selected.listOperation)) ?? selected.surface.title : "records";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenu.DropdownMenu,
+      {
+        label: triggerLabel,
+        icon: UiAdd.UiAdd,
+        variant: "ghost",
+        size: "sm",
+        align: "left",
+        menuLabel: "Context entity types",
+        menuClassName: "min-w-56",
+        items: menuItems.length > 0 ? menuItems : [
+          {
+            label: operationsLoading ? "Loading entity types…" : "No entity listings available",
+            disabled: true,
+            onSelect: () => {
+            }
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: `Add ${selectedLabel} context`,
+        size: "2xl",
+        expandable: true,
+        scrollBody: false,
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: selectedCount === 0 ? "Select one or more records from the table." : `${selectedCount} record${selectedCount === 1 ? "" : "s"} selected` }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => setOpen(false),
+                disabled: attaching,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                type: "button",
+                onClick: () => void attachSelected(),
+                disabled: selectedCount === 0 || attaching,
+                children: attaching ? "Adding…" : selectedCount > 0 ? `Add ${selectedCount} record${selectedCount === 1 ? "" : "s"}` : "Add records"
+              }
+            )
+          ] })
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [
+          surfaces.length === 0 && !operationsLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No attachable entity surfaces are available." }) : null,
+          lookupQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: lookupQuery.error, prefix: "Load filters" }) : null,
+          listQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: listQuery.error, prefix: "Load records" }) : null,
+          attachError ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: attachError, prefix: "Attach record" }) : null,
+          attaching ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", className: "text-xs text-muted-foreground", children: "Loading full record details and adding context…" }) : null,
+          selected ? /* @__PURE__ */ jsxRuntime.jsx(
+            CommandOutput.CommandOutput,
+            {
+              bare: true,
+              className: "mt-0 flex-1",
+              response: markedListResponse ?? null,
+              loading: listQuery.isLoading || listQuery.isFetching,
+              loadingMessage: "Loading records…",
+              emptyMessage: "No matching records.",
+              ariaLabel: "Context records",
+              rowSelection: {
+                selectedRowIds: Object.keys(selectedRows),
+                // Keep selections made on other pages: reconcile the table's
+                // next id set against the rows on the current page, falling back
+                // to the already-known row for ids from previously-viewed pages.
+                onSelectionChange: (nextIds, rows) => {
+                  const rowByID = new Map(
+                    rows.flatMap((row) => {
+                      const id = rowNavigation.getClickyRowId(row);
+                      return id ? [[id, row]] : [];
+                    })
+                  );
+                  setSelectedRows(
+                    (prev) => Object.fromEntries(
+                      nextIds.flatMap((id) => {
+                        const row = rowByID.get(id) ?? prev[id];
+                        return row ? [[id, row]] : [];
+                      })
+                    )
+                  );
+                },
+                getRowId: (row, index) => rowNavigation.getClickyRowId(row) ?? `context-row-${index}`,
+                isRowSelectable: (row) => {
+                  const id = rowNavigation.getClickyRowId(row);
+                  return !!id && !existingIDs.has(
+                    OperationEntityContextPicker_model.entityContextItemID(selected.surface.key, id)
+                  );
+                },
+                toggleOnRowClick: true
+              },
+              ...filterConfig.search ? { search: filterConfig.search } : {},
+              ...filterConfig.timeRange ? { timeRange: filterConfig.timeRange } : {},
+              ...filterConfig.filters.length ? { externalFilters: filterConfig.filters } : {},
+              ...pagination ? { pagination } : {}
+            }
+          ) : null,
+          items.length ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            items.length,
+            " context ",
+            items.length === 1 ? "record" : "records",
+            " ",
+            "attached. Attached rows are disabled."
+          ] }) : null
+        ] })
+      }
+    )
+  ] });
+}
+function parseResponseJSON(response) {
+  const text = response.stdout || response.output || "";
+  if (!text.trim()) return void 0;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return void 0;
+  }
+}
+function markAttachedRows(response, surfaceKey, existingIDs) {
+  var _a;
+  if (!response || !surfaceKey || existingIDs.size === 0 || !response.parsed)
+    return response;
+  const parsed = response.parsed;
+  const node = parsed.version === 1 && parsed.node ? parsed.node : parsed;
+  if (node.kind !== "table" || !((_a = node.rows) == null ? void 0 : _a.length)) return response;
+  const tableNode = node;
+  const attached = tableNode.rows.map((row) => {
+    const id = rowNavigation.getClickyRowId(row);
+    return !!id && existingIDs.has(OperationEntityContextPicker_model.entityContextItemID(surfaceKey, id));
+  });
+  if (!attached.some(Boolean)) return response;
+  const markerColumn = {
+    name: "__chat_context",
+    label: "Context",
+    shrink: true
+  };
+  const markedNode = {
+    ...tableNode,
+    kind: "table",
+    columns: [...tableNode.columns ?? [], markerColumn],
+    rows: tableNode.rows.map((row, index) => ({
+      ...row,
+      cells: {
+        ...row.cells,
+        __chat_context: attached[index] ? { kind: "badge", badgeLabel: "Attached" } : { kind: "text", text: "", plain: "" }
+      }
+    }))
+  };
+  return {
+    ...response,
+    parsed: parsed.version === 1 ? { ...parsed, node: markedNode } : markedNode
+  };
+}
+function PickerError({ error, prefix }) {
+  const message = error instanceof Error ? error.message : String(error);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+      prefix,
+      ":"
+    ] }),
+    " ",
+    message
+  ] });
+}
+exports.OperationEntityContextPicker = OperationEntityContextPicker;
+//# sourceMappingURL=OperationEntityContextPicker.cjs.map