@agent-native/core 0.41.1 → 0.43.0

package/dist/client/blocks/library/ApiEndpointBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiEndpointBlock.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/ApiEndpointBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n  IconChevronRight,\n  IconLock,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport type { BlockEditProps, BlockReadProps } from \"../types.js\";\nimport type {\n  ApiEndpointData,\n  ApiEndpointMethod,\n  ApiEndpointParam,\n  ApiEndpointResponse,\n  ApiParamLocation,\n} from \"./api-endpoint.config.js\";\nimport {\n  API_ENDPOINT_METHODS,\n  API_PARAM_LOCATIONS,\n} from \"./api-endpoint.config.js\";\nimport { JsonExplorerSurface } from \"./JsonExplorerBlock.js\";\nimport {\n  DevBadge,\n  DevInput,\n  DevSwitch,\n  DevTextarea,\n  DevSelect,\n} from \"./dev-doc-ui.js\";\nimport { CodeSurface } from \"./HighlightedCode.js\";\n\n/**\n * Read + Edit renderers for an `api-endpoint` block — a Swagger / Stripe-style\n * API reference. Lives in core so any app can register the dev-doc block (no\n * shadcn import).\n */\n\n/* ── Theme-aware color tokens ──────────────────────────────────────────────── */\n\n/**\n * Method-pill palette. Tinted background + saturated text in BOTH modes (the\n * reference HTML hardcoded a dark-only palette — we deliberately avoid that).\n * Each entry keeps legible contrast against the plan surface under `.dark` and\n * light via Tailwind `dark:` variants.\n */\nconst METHOD_PILL: Record<ApiEndpointMethod, string> = {\n  GET: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\",\n  POST: \"bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300\",\n  PUT: \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\",\n  PATCH:\n    \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300\",\n  DELETE: \"bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300\",\n  HEAD: \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\",\n  OPTIONS:\n    \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\",\n};\n\n/** Location-badge palette for the params table `in` column. */\nconst PARAM_IN_BADGE: Record<ApiParamLocation, string> = {\n  path: \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300\",\n  query: \"bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300\",\n  header:\n    \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\",\n  body: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\",\n};\n\n/** Status-pill palette keyed by the leading status digit (2xx/3xx/4xx/5xx). */\nfunction statusPillClass(status: string): string {\n  const lead = status.trim().charAt(0);\n  if (lead === \"2\")\n    return \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\";\n  if (lead === \"4\")\n    return \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\";\n  if (lead === \"5\")\n    return \"bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300\";\n  // 3xx and everything else → neutral slate.\n  return \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\";\n}\n\n/** Guess a fence language from a content type so examples highlight nicely. */\nfunction fenceLangForContentType(contentType?: string): string {\n  const ct = (contentType ?? \"\").toLowerCase();\n  if (ct.includes(\"json\")) return \"json\";\n  if (ct.includes(\"xml\") || ct.includes(\"html\")) return \"html\";\n  if (ct.includes(\"yaml\") || ct.includes(\"yml\")) return \"yaml\";\n  return \"json\";\n}\n\nfunction shouldUseJsonExplorer(example: string, contentType?: string): boolean {\n  const ct = (contentType ?? \"\").toLowerCase();\n  if (contentType && !ct.includes(\"json\")) return false;\n  try {\n    JSON.parse(example);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction ApiExample({\n  example,\n  contentType,\n  className,\n}: {\n  example: string;\n  contentType?: string;\n  className?: string;\n}) {\n  if (shouldUseJsonExplorer(example, contentType)) {\n    return (\n      <JsonExplorerSurface\n        data={{ json: example, collapsedDepth: 2 }}\n        className={className}\n      />\n    );\n  }\n\n  return (\n    <CodeSurface\n      code={example}\n      language={fenceLangForContentType(contentType)}\n      className={className}\n    />\n  );\n}\n\n/* ── Read (collapsed-by-default swagger row) ───────────────────────────────── */\n\n/**\n * Read-only renderer for an `api-endpoint` block. Collapsed by default: a single\n * row with a colored method pill, monospace path, muted summary, and a chevron.\n * Clicking the row expands the full reference (description, params table,\n * request body, responses) — the Swagger / Stripe house style. Every colored\n * element is theme-aware (`dark:` variants), so it reads correctly in both the\n * `.dark` plan theme and light mode.\n */\nexport function ApiEndpointRead({\n  data,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockReadProps<ApiEndpointData>) {\n  const [open, setOpen] = useState(false);\n\n  const params = data.params ?? [];\n  const responses = data.responses ?? [];\n  const hasRequest = Boolean(\n    data.request?.example || data.request?.contentType,\n  );\n  const hasBody =\n    Boolean(data.description?.trim()) ||\n    params.length > 0 ||\n    hasRequest ||\n    responses.length > 0 ||\n    Boolean(data.auth);\n\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <div className=\"overflow-hidden rounded-xl border border-plan-line bg-plan-block\">\n        {/* Collapsed summary row — the whole row toggles. */}\n        <button\n          type=\"button\"\n          data-plan-interactive\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className={cn(\n            \"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors\",\n            \"hover:bg-accent/40\",\n          )}\n        >\n          <IconChevronRight\n            className={cn(\n              \"size-4 shrink-0 text-plan-muted transition-transform\",\n              open && \"rotate-90\",\n            )}\n          />\n          <span\n            className={cn(\n              \"shrink-0 rounded-md px-2 py-1 font-mono text-xs font-bold uppercase tracking-wide\",\n              METHOD_PILL[data.method],\n            )}\n          >\n            {data.method}\n          </span>\n          <span\n            className={cn(\n              \"min-w-0 truncate font-mono text-sm font-semibold text-plan-text\",\n              data.deprecated && \"text-plan-muted line-through\",\n            )}\n          >\n            {data.path}\n          </span>\n          {data.deprecated && (\n            <DevBadge className=\"shrink-0 border-amber-500/40 text-amber-600 dark:text-amber-300\">\n              Deprecated\n            </DevBadge>\n          )}\n          {(data.summary || summary) && (\n            <span className=\"ml-1 min-w-0 flex-1 truncate text-sm text-plan-muted\">\n              {data.summary || summary}\n            </span>\n          )}\n          {data.auth && (\n            <IconLock\n              className=\"size-3.5 shrink-0 text-plan-muted\"\n              aria-label=\"Requires authentication\"\n            />\n          )}\n        </button>\n\n        {/* Expanded body. */}\n        {open && hasBody && (\n          <div className=\"border-t border-plan-line px-4 py-4\">\n            {data.auth && (\n              <div className=\"mb-4 flex items-center gap-2 text-xs text-plan-muted\">\n                <IconLock className=\"size-3.5 shrink-0\" />\n                <span>\n                  <span className=\"font-medium text-plan-text\">Auth:</span>{\" \"}\n                  {data.auth}\n                </span>\n              </div>\n            )}\n\n            {data.description?.trim() && (\n              <div className=\"an-api-endpoint-desc\">\n                {ctx.renderMarkdown?.(data.description)}\n              </div>\n            )}\n\n            {params.length > 0 && (\n              <div className=\"mt-5\">\n                <div className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                  Parameters\n                </div>\n                <div className=\"mt-2 overflow-hidden rounded-lg border border-plan-line\">\n                  <table className=\"w-full border-collapse text-sm\">\n                    <thead>\n                      <tr className=\"bg-accent/30 text-left text-xs uppercase tracking-wide text-plan-muted\">\n                        <th className=\"px-3 py-2 font-medium\">Name</th>\n                        <th className=\"px-3 py-2 font-medium\">In</th>\n                        <th className=\"px-3 py-2 font-medium\">Type</th>\n                        <th className=\"px-3 py-2 font-medium\">Required</th>\n                        <th className=\"px-3 py-2 font-medium\">Description</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {params.map((param, index) => (\n                        <tr\n                          key={`${param.name}-${index}`}\n                          className=\"border-t border-plan-line align-top\"\n                        >\n                          <td className=\"px-3 py-2 font-mono text-xs font-semibold text-plan-text\">\n                            {param.name}\n                          </td>\n                          <td className=\"px-3 py-2\">\n                            <span\n                              className={cn(\n                                \"rounded px-1.5 py-0.5 font-mono text-[11px] font-semibold\",\n                                PARAM_IN_BADGE[param.in],\n                              )}\n                            >\n                              {param.in}\n                            </span>\n                          </td>\n                          <td className=\"px-3 py-2 font-mono text-xs text-plan-muted\">\n                            {param.type || \"—\"}\n                          </td>\n                          <td className=\"px-3 py-2 text-xs\">\n                            {param.required ? (\n                              <span className=\"font-medium text-red-600 dark:text-red-300\">\n                                required\n                              </span>\n                            ) : (\n                              <span className=\"text-plan-muted\">optional</span>\n                            )}\n                          </td>\n                          <td className=\"px-3 py-2 text-xs text-plan-muted\">\n                            {param.description || \"—\"}\n                          </td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n            )}\n\n            {hasRequest && (\n              <div className=\"mt-5\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                    Request body\n                  </span>\n                  {data.request?.contentType && (\n                    <span className=\"rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted\">\n                      {data.request.contentType}\n                    </span>\n                  )}\n                </div>\n                {data.request?.example && (\n                  <ApiExample\n                    example={data.request.example}\n                    contentType={data.request.contentType}\n                    className=\"mt-2 an-api-endpoint-example\"\n                  />\n                )}\n              </div>\n            )}\n\n            {responses.length > 0 && (\n              <div className=\"mt-5\">\n                <div className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                  Responses\n                </div>\n                <div className=\"mt-2 flex flex-col gap-3\">\n                  {responses.map((response, index) => (\n                    <div\n                      key={`${response.status}-${index}`}\n                      className=\"rounded-lg border border-plan-line\"\n                    >\n                      <div className=\"flex items-center gap-2 px-3 py-2\">\n                        <span\n                          className={cn(\n                            \"rounded px-2 py-0.5 font-mono text-xs font-bold\",\n                            statusPillClass(response.status),\n                          )}\n                        >\n                          {response.status}\n                        </span>\n                        {response.description && (\n                          <span className=\"text-sm text-plan-muted\">\n                            {response.description}\n                          </span>\n                        )}\n                      </div>\n                      {response.example && (\n                        <div className=\"border-t border-plan-line px-3 pb-3 pt-3 an-api-endpoint-example\">\n                          <ApiExample\n                            example={response.example}\n                            className=\"mt-0\"\n                          />\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n\n/* ── Edit (panel form) ─────────────────────────────────────────────────────── */\n\nconst fieldLabelClass = \"text-xs font-medium text-muted-foreground\";\n\n/**\n * Panel editor for an `api-endpoint` block. A property form: method (Select),\n * path/summary/auth (Input), description (Textarea), deprecated (Switch), plus\n * repeatable rows for params and responses (add/remove) and a request-body\n * textarea. Renders BARE content (no `<section>`); the registry's panel surface\n * supplies the popover chrome.\n */\nexport function ApiEndpointEdit({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<ApiEndpointData>) {\n  const params = data.params ?? [];\n  const responses = data.responses ?? [];\n\n  const patch = (next: Partial<ApiEndpointData>) =>\n    onChange({ ...data, ...next });\n\n  const updateParam = (index: number, next: Partial<ApiEndpointParam>) =>\n    patch({\n      params: params.map((param, i) =>\n        i === index ? { ...param, ...next } : param,\n      ),\n    });\n\n  const removeParam = (index: number) =>\n    patch({ params: params.filter((_, i) => i !== index) });\n\n  const addParam = () =>\n    patch({\n      params: [...params, { name: \"param\", in: \"query\" as ApiParamLocation }],\n    });\n\n  const updateResponse = (index: number, next: Partial<ApiEndpointResponse>) =>\n    patch({\n      responses: responses.map((response, i) =>\n        i === index ? { ...response, ...next } : response,\n      ),\n    });\n\n  const removeResponse = (index: number) =>\n    patch({ responses: responses.filter((_, i) => i !== index) });\n\n  const addResponse = () =>\n    patch({ responses: [...responses, { status: \"200\" }] });\n\n  const updateRequest = (next: Partial<ApiEndpointData[\"request\"]>) => {\n    const merged = { ...(data.request ?? {}), ...next };\n    const empty = !merged.contentType && !merged.example;\n    patch({ request: empty ? undefined : merged });\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\" data-plan-interactive>\n      <div className=\"grid grid-cols-[120px_minmax(0,1fr)] gap-2\">\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Method</span>\n          <DevSelect\n            className=\"h-9\"\n            value={data.method}\n            disabled={!editable}\n            onValueChange={(value) =>\n              patch({ method: value as ApiEndpointMethod })\n            }\n            options={API_ENDPOINT_METHODS.map((method) => ({\n              value: method,\n              label: method,\n            }))}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Path</span>\n          <DevInput\n            className=\"h-9 font-mono\"\n            value={data.path}\n            disabled={!editable}\n            placeholder=\"/api/resource\"\n            onChange={(event) => patch({ path: event.target.value })}\n          />\n        </label>\n      </div>\n\n      <label className=\"flex flex-col gap-1.5\">\n        <span className={fieldLabelClass}>Summary</span>\n        <DevInput\n          className=\"h-9\"\n          value={data.summary ?? \"\"}\n          disabled={!editable}\n          placeholder=\"Short one-line description\"\n          onChange={(event) =>\n            patch({ summary: event.target.value || undefined })\n          }\n        />\n      </label>\n\n      <label className=\"flex flex-col gap-1.5\">\n        <span className={fieldLabelClass}>Description (markdown)</span>\n        <DevTextarea\n          className=\"min-h-[80px]\"\n          value={data.description ?? \"\"}\n          disabled={!editable}\n          placeholder=\"Longer description, rendered as markdown\"\n          onChange={(event) =>\n            patch({ description: event.target.value || undefined })\n          }\n        />\n      </label>\n\n      <div className=\"grid grid-cols-[minmax(0,1fr)_auto] items-end gap-3\">\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Auth</span>\n          <DevInput\n            className=\"h-9\"\n            value={data.auth ?? \"\"}\n            disabled={!editable}\n            placeholder=\"e.g. Bearer token\"\n            onChange={(event) =>\n              patch({ auth: event.target.value || undefined })\n            }\n          />\n        </label>\n        <label className=\"flex items-center gap-2 pb-2\">\n          <DevSwitch\n            checked={Boolean(data.deprecated)}\n            disabled={!editable}\n            onCheckedChange={(checked) =>\n              patch({ deprecated: checked || undefined })\n            }\n          />\n          <span className={fieldLabelClass}>Deprecated</span>\n        </label>\n      </div>\n\n      {/* Params */}\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <span className={fieldLabelClass}>Parameters</span>\n          {editable && (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={addParam}\n            >\n              <IconPlus className=\"size-3.5\" />\n              Add\n            </button>\n          )}\n        </div>\n        {params.map((param, index) => (\n          <div\n            key={index}\n            className=\"flex flex-col gap-2 rounded-md border border-input p-2\"\n          >\n            <div className=\"grid grid-cols-[minmax(0,1fr)_96px_auto] gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={param.name}\n                disabled={!editable}\n                placeholder=\"name\"\n                onChange={(event) =>\n                  updateParam(index, { name: event.target.value })\n                }\n              />\n              <DevSelect\n                className=\"h-8\"\n                value={param.in}\n                disabled={!editable}\n                onValueChange={(value) =>\n                  updateParam(index, { in: value as ApiParamLocation })\n                }\n                options={API_PARAM_LOCATIONS.map((location) => ({\n                  value: location,\n                  label: location,\n                }))}\n              />\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove parameter\"\n                  className=\"flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n                  onClick={() => removeParam(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n            <div className=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={param.type ?? \"\"}\n                disabled={!editable}\n                placeholder=\"type (e.g. string)\"\n                onChange={(event) =>\n                  updateParam(index, { type: event.target.value || undefined })\n                }\n              />\n              <label className=\"flex items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  className=\"size-3.5 cursor-pointer accent-primary\"\n                  checked={Boolean(param.required)}\n                  disabled={!editable}\n                  onChange={(event) =>\n                    updateParam(index, {\n                      required: event.target.checked || undefined,\n                    })\n                  }\n                />\n                Required\n              </label>\n            </div>\n            <DevInput\n              className=\"h-8 text-xs\"\n              value={param.description ?? \"\"}\n              disabled={!editable}\n              placeholder=\"description\"\n              onChange={(event) =>\n                updateParam(index, {\n                  description: event.target.value || undefined,\n                })\n              }\n            />\n          </div>\n        ))}\n      </div>\n\n      {/* Request body */}\n      <div className=\"flex flex-col gap-2\">\n        <span className={fieldLabelClass}>Request body</span>\n        <DevInput\n          className=\"h-8 font-mono text-xs\"\n          value={data.request?.contentType ?? \"\"}\n          disabled={!editable}\n          placeholder=\"content type (e.g. application/json)\"\n          onChange={(event) =>\n            updateRequest({ contentType: event.target.value || undefined })\n          }\n        />\n        <DevTextarea\n          className=\"min-h-[80px] font-mono text-xs\"\n          value={data.request?.example ?? \"\"}\n          disabled={!editable}\n          placeholder='{ \"example\": \"request body\" }'\n          onChange={(event) =>\n            updateRequest({ example: event.target.value || undefined })\n          }\n        />\n      </div>\n\n      {/* Responses */}\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <span className={fieldLabelClass}>Responses</span>\n          {editable && (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={addResponse}\n            >\n              <IconPlus className=\"size-3.5\" />\n              Add\n            </button>\n          )}\n        </div>\n        {responses.map((response, index) => (\n          <div\n            key={index}\n            className=\"flex flex-col gap-2 rounded-md border border-input p-2\"\n          >\n            <div className=\"grid grid-cols-[96px_minmax(0,1fr)_auto] gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={response.status}\n                disabled={!editable}\n                placeholder=\"200\"\n                onChange={(event) =>\n                  updateResponse(index, { status: event.target.value })\n                }\n              />\n              <DevInput\n                className=\"h-8 text-xs\"\n                value={response.description ?? \"\"}\n                disabled={!editable}\n                placeholder=\"description\"\n                onChange={(event) =>\n                  updateResponse(index, {\n                    description: event.target.value || undefined,\n                  })\n                }\n              />\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove response\"\n                  className=\"flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n                  onClick={() => removeResponse(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n            <DevTextarea\n              className=\"min-h-[64px] font-mono text-xs\"\n              value={response.example ?? \"\"}\n              disabled={!editable}\n              placeholder='{ \"example\": \"response body\" }'\n              onChange={(event) =>\n                updateResponse(index, {\n                  example: event.target.value || undefined,\n                })\n              }\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ApiEndpointBlock.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/ApiEndpointBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n  IconArrowNarrowRight,\n  IconChevronRight,\n  IconLock,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport type { BlockEditProps, BlockReadProps } from \"../types.js\";\nimport type {\n  ApiEndpointChange,\n  ApiEndpointData,\n  ApiEndpointMethod,\n  ApiEndpointParam,\n  ApiEndpointResponse,\n  ApiParamLocation,\n} from \"./api-endpoint.config.js\";\nimport {\n  API_ENDPOINT_CHANGES,\n  API_ENDPOINT_METHODS,\n  API_PARAM_LOCATIONS,\n} from \"./api-endpoint.config.js\";\nimport { JsonExplorerSurface } from \"./JsonExplorerBlock.js\";\nimport {\n  DevBadge,\n  DevInput,\n  DevSwitch,\n  DevTextarea,\n  DevSelect,\n} from \"./dev-doc-ui.js\";\nimport { CodeSurface } from \"./HighlightedCode.js\";\n\n/**\n * Read + Edit renderers for an `api-endpoint` block — a Swagger / Stripe-style\n * API reference. Lives in core so any app can register the dev-doc block (no\n * shadcn import).\n */\n\n/* ── Theme-aware color tokens ──────────────────────────────────────────────── */\n\n/**\n * Method-pill palette. Tinted background + saturated text in BOTH modes (the\n * reference HTML hardcoded a dark-only palette — we deliberately avoid that).\n * Each entry keeps legible contrast against the plan surface under `.dark` and\n * light via Tailwind `dark:` variants.\n */\nconst METHOD_PILL: Record<ApiEndpointMethod, string> = {\n  GET: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\",\n  POST: \"bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300\",\n  PUT: \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\",\n  PATCH:\n    \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300\",\n  DELETE: \"bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300\",\n  HEAD: \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\",\n  OPTIONS:\n    \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\",\n};\n\n/** Location-badge palette for the params table `in` column. */\nconst PARAM_IN_BADGE: Record<ApiParamLocation, string> = {\n  path: \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300\",\n  query: \"bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300\",\n  header:\n    \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\",\n  body: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\",\n};\n\n/** Status-pill palette keyed by the leading status digit (2xx/3xx/4xx/5xx). */\nfunction statusPillClass(status: string): string {\n  const lead = status.trim().charAt(0);\n  if (lead === \"2\")\n    return \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\";\n  if (lead === \"4\")\n    return \"bg-amber-100 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300\";\n  if (lead === \"5\")\n    return \"bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300\";\n  // 3xx and everything else → neutral slate.\n  return \"bg-slate-200 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300\";\n}\n\n/* ── Theme-aware change tokens (shared vocabulary with file-tree/data-model) ── */\n\n/**\n * Change-chip palette — IDENTICAL to `FileTreeBlock`'s `CHANGE_BADGE` so a route /\n * param / response chip reads the same as a file or field change chip elsewhere\n * in the recap. Tinted background + saturated text in BOTH the `.dark` plan theme\n * and light mode via Tailwind `dark:` variants (never a dark-only palette).\n */\nconst CHANGE_BADGE: Record<ApiEndpointChange, string> = {\n  added:\n    \"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300\",\n  modified: \"bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300\",\n  removed: \"bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300\",\n  renamed:\n    \"bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300\",\n};\n\n/** Single-letter glyph shown in the compact chip (VS Code gutter convention). */\nconst CHANGE_GLYPH: Record<ApiEndpointChange, string> = {\n  added: \"A\",\n  modified: \"M\",\n  removed: \"D\",\n  renamed: \"R\",\n};\n\n/** Human label for the chip text + its `title` / `aria-label`. */\nconst CHANGE_LABEL: Record<ApiEndpointChange, string> = {\n  added: \"Added\",\n  modified: \"Modified\",\n  removed: \"Removed\",\n  renamed: \"Renamed\",\n};\n\n/** Accent ink echoing a change color, for the name/path it applies to. */\nconst CHANGE_INK: Record<ApiEndpointChange, string> = {\n  added: \"text-emerald-700 dark:text-emerald-300\",\n  modified: \"text-blue-700 dark:text-blue-300\",\n  removed: \"text-red-600 line-through dark:text-red-300\",\n  renamed: \"text-violet-700 dark:text-violet-300\",\n};\n\n/**\n * A change chip: compact single-glyph badge (A/M/D/R) by default, or a labeled\n * pill (`variant=\"label\"`) for the endpoint header where there is room. Matches\n * the file-tree change badge so the recap reads consistently.\n */\nfunction ChangeChip({\n  change,\n  variant = \"glyph\",\n  className,\n}: {\n  change: ApiEndpointChange;\n  variant?: \"glyph\" | \"label\";\n  className?: string;\n}) {\n  if (variant === \"label\") {\n    return (\n      <span\n        title={CHANGE_LABEL[change]}\n        className={cn(\n          \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide\",\n          CHANGE_BADGE[change],\n          className,\n        )}\n      >\n        {CHANGE_LABEL[change]}\n      </span>\n    );\n  }\n  return (\n    <span\n      title={CHANGE_LABEL[change]}\n      aria-label={CHANGE_LABEL[change]}\n      className={cn(\n        \"flex size-4 shrink-0 items-center justify-center rounded text-[10px] font-bold leading-none\",\n        CHANGE_BADGE[change],\n        className,\n      )}\n    >\n      {CHANGE_GLYPH[change]}\n    </span>\n  );\n}\n\n/**\n * Before → after for a modified param: the prior `was` value struck through, a\n * narrow arrow, then the current value (e.g. `optional → required`, or the old\n * type → the new type). When `was` is absent we just show the current value.\n */\nfunction WasArrowCurrent({\n  was,\n  current,\n}: {\n  was?: string;\n  current: React.ReactNode;\n}) {\n  if (!was) return <>{current}</>;\n  return (\n    <span className=\"inline-flex items-center gap-1\">\n      <span className=\"text-plan-muted line-through\">{was}</span>\n      <IconArrowNarrowRight className=\"size-3 shrink-0 text-plan-muted\" />\n      {current}\n    </span>\n  );\n}\n\n/**\n * A param carries a single `was` (prior value) for a `modified` change, but that\n * value may describe either the required flag or the type. Decide which column\n * the before→after belongs to: a `was` of `required`/`optional` is a required\n * flag flip; anything else is treated as the prior type.\n */\nfunction wasIsRequiredFlag(was: string): boolean {\n  const v = was.trim().toLowerCase();\n  return v === \"required\" || v === \"optional\";\n}\n\n/** Guess a fence language from a content type so examples highlight nicely. */\nfunction fenceLangForContentType(contentType?: string): string {\n  const ct = (contentType ?? \"\").toLowerCase();\n  if (ct.includes(\"json\")) return \"json\";\n  if (ct.includes(\"xml\") || ct.includes(\"html\")) return \"html\";\n  if (ct.includes(\"yaml\") || ct.includes(\"yml\")) return \"yaml\";\n  return \"json\";\n}\n\nfunction shouldUseJsonExplorer(example: string, contentType?: string): boolean {\n  const ct = (contentType ?? \"\").toLowerCase();\n  if (contentType && !ct.includes(\"json\")) return false;\n  try {\n    JSON.parse(example);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction ApiExample({\n  example,\n  contentType,\n  className,\n}: {\n  example: string;\n  contentType?: string;\n  className?: string;\n}) {\n  if (shouldUseJsonExplorer(example, contentType)) {\n    return (\n      <JsonExplorerSurface\n        data={{ json: example, collapsedDepth: 2 }}\n        className={className}\n      />\n    );\n  }\n\n  return (\n    <CodeSurface\n      code={example}\n      language={fenceLangForContentType(contentType)}\n      className={className}\n    />\n  );\n}\n\n/* ── Read (collapsed-by-default swagger row) ───────────────────────────────── */\n\n/**\n * Read-only renderer for an `api-endpoint` block. Collapsed by default: a single\n * row with a colored method pill, monospace path, muted summary, and a chevron.\n * Clicking the row expands the full reference (description, params table,\n * request body, responses) — the Swagger / Stripe house style. Every colored\n * element is theme-aware (`dark:` variants), so it reads correctly in both the\n * `.dark` plan theme and light mode.\n */\nexport function ApiEndpointRead({\n  data,\n  blockId,\n  title,\n  summary,\n  ctx,\n}: BlockReadProps<ApiEndpointData>) {\n  const [open, setOpen] = useState(false);\n\n  const params = data.params ?? [];\n  const responses = data.responses ?? [];\n  const hasRequest = Boolean(\n    data.request?.example || data.request?.contentType,\n  );\n  const hasBody =\n    Boolean(data.description?.trim()) ||\n    params.length > 0 ||\n    hasRequest ||\n    responses.length > 0 ||\n    Boolean(data.auth);\n\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      {title && <div className=\"plan-block-label\">{title}</div>}\n      <div className=\"overflow-hidden rounded-xl border border-plan-line bg-plan-block\">\n        {/* Collapsed summary row — the whole row toggles. */}\n        <button\n          type=\"button\"\n          data-plan-interactive\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className={cn(\n            \"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors\",\n            \"hover:bg-accent/40\",\n          )}\n        >\n          <IconChevronRight\n            className={cn(\n              \"size-4 shrink-0 text-plan-muted transition-transform\",\n              open && \"rotate-90\",\n            )}\n          />\n          <span\n            className={cn(\n              \"shrink-0 rounded-md px-2 py-1 font-mono text-xs font-bold uppercase tracking-wide\",\n              METHOD_PILL[data.method],\n            )}\n          >\n            {data.method}\n          </span>\n          <span\n            className={cn(\n              \"min-w-0 truncate font-mono text-sm font-semibold\",\n              // `change` ink composes with `deprecated`: a deprecated route\n              // still mutes/strikes its path; a changed route tints it (a\n              // removed route also strikes via CHANGE_INK).\n              data.change ? CHANGE_INK[data.change] : \"text-plan-text\",\n              data.deprecated && \"text-plan-muted line-through\",\n            )}\n          >\n            {data.path}\n          </span>\n          {data.change && <ChangeChip change={data.change} variant=\"label\" />}\n          {data.deprecated && (\n            <DevBadge className=\"shrink-0 border-amber-500/40 text-amber-600 dark:text-amber-300\">\n              Deprecated\n            </DevBadge>\n          )}\n          {(data.summary || summary) && (\n            <span className=\"ml-1 min-w-0 flex-1 truncate text-sm text-plan-muted\">\n              {data.summary || summary}\n            </span>\n          )}\n          {data.auth && (\n            <IconLock\n              className=\"size-3.5 shrink-0 text-plan-muted\"\n              aria-label=\"Requires authentication\"\n            />\n          )}\n        </button>\n\n        {/* Expanded body. */}\n        {open && hasBody && (\n          <div className=\"border-t border-plan-line px-4 py-4\">\n            {data.auth && (\n              <div className=\"mb-4 flex items-center gap-2 text-xs text-plan-muted\">\n                <IconLock className=\"size-3.5 shrink-0\" />\n                <span>\n                  <span className=\"font-medium text-plan-text\">Auth:</span>{\" \"}\n                  {data.auth}\n                </span>\n              </div>\n            )}\n\n            {data.description?.trim() && (\n              <div className=\"an-api-endpoint-desc\">\n                {ctx.renderMarkdown?.(data.description)}\n              </div>\n            )}\n\n            {params.length > 0 && (\n              <div className=\"mt-5\">\n                <div className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                  Parameters\n                </div>\n                <div className=\"mt-2 overflow-hidden rounded-lg border border-plan-line\">\n                  <table className=\"w-full border-collapse text-sm\">\n                    <thead>\n                      <tr className=\"bg-accent/30 text-left text-xs uppercase tracking-wide text-plan-muted\">\n                        <th className=\"px-3 py-2 font-medium\">Name</th>\n                        <th className=\"px-3 py-2 font-medium\">In</th>\n                        <th className=\"px-3 py-2 font-medium\">Type</th>\n                        <th className=\"px-3 py-2 font-medium\">Required</th>\n                        <th className=\"px-3 py-2 font-medium\">Description</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {params.map((param, index) => {\n                        const change = param.change;\n                        // A `modified` `was` describes either the required flag\n                        // or the prior type; route it to the right column.\n                        const wasForRequired =\n                          change === \"modified\" &&\n                          param.was &&\n                          wasIsRequiredFlag(param.was)\n                            ? param.was\n                            : undefined;\n                        const wasForType =\n                          change === \"modified\" &&\n                          param.was &&\n                          !wasIsRequiredFlag(param.was)\n                            ? param.was\n                            : undefined;\n                        return (\n                          <tr\n                            key={`${param.name}-${index}`}\n                            className=\"border-t border-plan-line align-top\"\n                          >\n                            <td className=\"px-3 py-2 font-mono text-xs font-semibold\">\n                              <span className=\"flex items-center gap-1.5\">\n                                <span\n                                  className={cn(\n                                    change\n                                      ? CHANGE_INK[change]\n                                      : \"text-plan-text\",\n                                  )}\n                                >\n                                  {param.name}\n                                </span>\n                                {change && <ChangeChip change={change} />}\n                              </span>\n                            </td>\n                            <td className=\"px-3 py-2\">\n                              <span\n                                className={cn(\n                                  \"rounded px-1.5 py-0.5 font-mono text-[11px] font-semibold\",\n                                  PARAM_IN_BADGE[param.in],\n                                )}\n                              >\n                                {param.in}\n                              </span>\n                            </td>\n                            <td className=\"px-3 py-2 font-mono text-xs text-plan-muted\">\n                              <WasArrowCurrent\n                                was={wasForType}\n                                current={\n                                  <span\n                                    className={cn(\n                                      wasForType && \"text-plan-text\",\n                                    )}\n                                  >\n                                    {param.type || \"—\"}\n                                  </span>\n                                }\n                              />\n                            </td>\n                            <td className=\"px-3 py-2 text-xs\">\n                              <WasArrowCurrent\n                                was={wasForRequired}\n                                current={\n                                  param.required ? (\n                                    <span className=\"font-medium text-red-600 dark:text-red-300\">\n                                      required\n                                    </span>\n                                  ) : (\n                                    <span className=\"text-plan-muted\">\n                                      optional\n                                    </span>\n                                  )\n                                }\n                              />\n                            </td>\n                            <td className=\"px-3 py-2 text-xs text-plan-muted\">\n                              {param.description || \"—\"}\n                            </td>\n                          </tr>\n                        );\n                      })}\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n            )}\n\n            {hasRequest && (\n              <div className=\"mt-5\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                    Request body\n                  </span>\n                  {data.request?.contentType && (\n                    <span className=\"rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted\">\n                      {data.request.contentType}\n                    </span>\n                  )}\n                </div>\n                {data.request?.example && (\n                  <ApiExample\n                    example={data.request.example}\n                    contentType={data.request.contentType}\n                    className=\"mt-2 an-api-endpoint-example\"\n                  />\n                )}\n              </div>\n            )}\n\n            {responses.length > 0 && (\n              <div className=\"mt-5\">\n                <div className=\"text-xs font-semibold uppercase tracking-wide text-plan-muted\">\n                  Responses\n                </div>\n                <div className=\"mt-2 flex flex-col gap-3\">\n                  {responses.map((response, index) => (\n                    <div\n                      key={`${response.status}-${index}`}\n                      className=\"rounded-lg border border-plan-line\"\n                    >\n                      <div className=\"flex items-center gap-2 px-3 py-2\">\n                        <span\n                          className={cn(\n                            \"rounded px-2 py-0.5 font-mono text-xs font-bold\",\n                            statusPillClass(response.status),\n                          )}\n                        >\n                          {response.status}\n                        </span>\n                        {response.description && (\n                          <span\n                            className={cn(\n                              \"text-sm\",\n                              response.change\n                                ? CHANGE_INK[response.change]\n                                : \"text-plan-muted\",\n                            )}\n                          >\n                            {response.description}\n                          </span>\n                        )}\n                        {response.change && (\n                          <ChangeChip\n                            change={response.change}\n                            variant=\"label\"\n                            className=\"ml-auto\"\n                          />\n                        )}\n                      </div>\n                      {response.example && (\n                        <div className=\"border-t border-plan-line px-3 pb-3 pt-3 an-api-endpoint-example\">\n                          <ApiExample\n                            example={response.example}\n                            className=\"mt-0\"\n                          />\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n\n/* ── Edit (panel form) ─────────────────────────────────────────────────────── */\n\nconst fieldLabelClass = \"text-xs font-medium text-muted-foreground\";\n\n/**\n * Options for a change `DevSelect` — a leading \"No change\" entry (decodes to\n * `undefined`) plus the four diff states, mirroring the file-tree editor.\n */\nconst CHANGE_SELECT_OPTIONS = [\n  { value: \"none\", label: \"No change\" },\n  ...API_ENDPOINT_CHANGES.map((change) => ({\n    value: change,\n    label: CHANGE_LABEL[change],\n  })),\n];\n\n/**\n * Panel editor for an `api-endpoint` block. A property form: method (Select),\n * path/summary/auth (Input), description (Textarea), deprecated (Switch), plus\n * repeatable rows for params and responses (add/remove) and a request-body\n * textarea. Renders BARE content (no `<section>`); the registry's panel surface\n * supplies the popover chrome.\n */\nexport function ApiEndpointEdit({\n  data,\n  onChange,\n  editable,\n}: BlockEditProps<ApiEndpointData>) {\n  const params = data.params ?? [];\n  const responses = data.responses ?? [];\n\n  const patch = (next: Partial<ApiEndpointData>) =>\n    onChange({ ...data, ...next });\n\n  const updateParam = (index: number, next: Partial<ApiEndpointParam>) =>\n    patch({\n      params: params.map((param, i) =>\n        i === index ? { ...param, ...next } : param,\n      ),\n    });\n\n  const removeParam = (index: number) =>\n    patch({ params: params.filter((_, i) => i !== index) });\n\n  const addParam = () =>\n    patch({\n      params: [...params, { name: \"param\", in: \"query\" as ApiParamLocation }],\n    });\n\n  const updateResponse = (index: number, next: Partial<ApiEndpointResponse>) =>\n    patch({\n      responses: responses.map((response, i) =>\n        i === index ? { ...response, ...next } : response,\n      ),\n    });\n\n  const removeResponse = (index: number) =>\n    patch({ responses: responses.filter((_, i) => i !== index) });\n\n  const addResponse = () =>\n    patch({ responses: [...responses, { status: \"200\" }] });\n\n  const updateRequest = (next: Partial<ApiEndpointData[\"request\"]>) => {\n    const merged = { ...(data.request ?? {}), ...next };\n    const empty = !merged.contentType && !merged.example;\n    patch({ request: empty ? undefined : merged });\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\" data-plan-interactive>\n      <div className=\"grid grid-cols-[120px_minmax(0,1fr)] gap-2\">\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Method</span>\n          <DevSelect\n            className=\"h-9\"\n            value={data.method}\n            disabled={!editable}\n            onValueChange={(value) =>\n              patch({ method: value as ApiEndpointMethod })\n            }\n            options={API_ENDPOINT_METHODS.map((method) => ({\n              value: method,\n              label: method,\n            }))}\n          />\n        </label>\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Path</span>\n          <DevInput\n            className=\"h-9 font-mono\"\n            value={data.path}\n            disabled={!editable}\n            placeholder=\"/api/resource\"\n            onChange={(event) => patch({ path: event.target.value })}\n          />\n        </label>\n      </div>\n\n      <label className=\"flex flex-col gap-1.5\">\n        <span className={fieldLabelClass}>Summary</span>\n        <DevInput\n          className=\"h-9\"\n          value={data.summary ?? \"\"}\n          disabled={!editable}\n          placeholder=\"Short one-line description\"\n          onChange={(event) =>\n            patch({ summary: event.target.value || undefined })\n          }\n        />\n      </label>\n\n      <label className=\"flex flex-col gap-1.5\">\n        <span className={fieldLabelClass}>Description (markdown)</span>\n        <DevTextarea\n          className=\"min-h-[80px]\"\n          value={data.description ?? \"\"}\n          disabled={!editable}\n          placeholder=\"Longer description, rendered as markdown\"\n          onChange={(event) =>\n            patch({ description: event.target.value || undefined })\n          }\n        />\n      </label>\n\n      <div className=\"grid grid-cols-[minmax(0,1fr)_120px_auto] items-end gap-3\">\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Auth</span>\n          <DevInput\n            className=\"h-9\"\n            value={data.auth ?? \"\"}\n            disabled={!editable}\n            placeholder=\"e.g. Bearer token\"\n            onChange={(event) =>\n              patch({ auth: event.target.value || undefined })\n            }\n          />\n        </label>\n        <label className=\"flex flex-col gap-1.5\">\n          <span className={fieldLabelClass}>Change</span>\n          <DevSelect\n            className=\"h-9\"\n            value={data.change ?? \"none\"}\n            disabled={!editable}\n            onValueChange={(value) =>\n              patch({\n                change:\n                  value === \"none\" ? undefined : (value as ApiEndpointChange),\n              })\n            }\n            options={CHANGE_SELECT_OPTIONS}\n          />\n        </label>\n        <label className=\"flex items-center gap-2 pb-2\">\n          <DevSwitch\n            checked={Boolean(data.deprecated)}\n            disabled={!editable}\n            onCheckedChange={(checked) =>\n              patch({ deprecated: checked || undefined })\n            }\n          />\n          <span className={fieldLabelClass}>Deprecated</span>\n        </label>\n      </div>\n\n      {/* Params */}\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <span className={fieldLabelClass}>Parameters</span>\n          {editable && (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={addParam}\n            >\n              <IconPlus className=\"size-3.5\" />\n              Add\n            </button>\n          )}\n        </div>\n        {params.map((param, index) => (\n          <div\n            key={index}\n            className=\"flex flex-col gap-2 rounded-md border border-input p-2\"\n          >\n            <div className=\"grid grid-cols-[minmax(0,1fr)_96px_auto] gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={param.name}\n                disabled={!editable}\n                placeholder=\"name\"\n                onChange={(event) =>\n                  updateParam(index, { name: event.target.value })\n                }\n              />\n              <DevSelect\n                className=\"h-8\"\n                value={param.in}\n                disabled={!editable}\n                onValueChange={(value) =>\n                  updateParam(index, { in: value as ApiParamLocation })\n                }\n                options={API_PARAM_LOCATIONS.map((location) => ({\n                  value: location,\n                  label: location,\n                }))}\n              />\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove parameter\"\n                  className=\"flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n                  onClick={() => removeParam(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n            <div className=\"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={param.type ?? \"\"}\n                disabled={!editable}\n                placeholder=\"type (e.g. string)\"\n                onChange={(event) =>\n                  updateParam(index, { type: event.target.value || undefined })\n                }\n              />\n              <label className=\"flex items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  className=\"size-3.5 cursor-pointer accent-primary\"\n                  checked={Boolean(param.required)}\n                  disabled={!editable}\n                  onChange={(event) =>\n                    updateParam(index, {\n                      required: event.target.checked || undefined,\n                    })\n                  }\n                />\n                Required\n              </label>\n            </div>\n            <DevInput\n              className=\"h-8 text-xs\"\n              value={param.description ?? \"\"}\n              disabled={!editable}\n              placeholder=\"description\"\n              onChange={(event) =>\n                updateParam(index, {\n                  description: event.target.value || undefined,\n                })\n              }\n            />\n            {/* Diff state: change kind + the prior value (`was`) shown\n                struck-through before the current one when \"modified\". */}\n            <div className=\"grid grid-cols-[120px_minmax(0,1fr)] gap-2\">\n              <DevSelect\n                className=\"h-8\"\n                value={param.change ?? \"none\"}\n                disabled={!editable}\n                onValueChange={(value) =>\n                  updateParam(index, {\n                    change:\n                      value === \"none\"\n                        ? undefined\n                        : (value as ApiEndpointChange),\n                  })\n                }\n                options={CHANGE_SELECT_OPTIONS}\n              />\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={param.was ?? \"\"}\n                disabled={!editable || param.change !== \"modified\"}\n                placeholder=\"was (e.g. optional, or old type)\"\n                onChange={(event) =>\n                  updateParam(index, { was: event.target.value || undefined })\n                }\n              />\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Request body */}\n      <div className=\"flex flex-col gap-2\">\n        <span className={fieldLabelClass}>Request body</span>\n        <DevInput\n          className=\"h-8 font-mono text-xs\"\n          value={data.request?.contentType ?? \"\"}\n          disabled={!editable}\n          placeholder=\"content type (e.g. application/json)\"\n          onChange={(event) =>\n            updateRequest({ contentType: event.target.value || undefined })\n          }\n        />\n        <DevTextarea\n          className=\"min-h-[80px] font-mono text-xs\"\n          value={data.request?.example ?? \"\"}\n          disabled={!editable}\n          placeholder='{ \"example\": \"request body\" }'\n          onChange={(event) =>\n            updateRequest({ example: event.target.value || undefined })\n          }\n        />\n      </div>\n\n      {/* Responses */}\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex items-center justify-between\">\n          <span className={fieldLabelClass}>Responses</span>\n          {editable && (\n            <button\n              type=\"button\"\n              data-plan-interactive\n              className=\"flex items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n              onClick={addResponse}\n            >\n              <IconPlus className=\"size-3.5\" />\n              Add\n            </button>\n          )}\n        </div>\n        {responses.map((response, index) => (\n          <div\n            key={index}\n            className=\"flex flex-col gap-2 rounded-md border border-input p-2\"\n          >\n            <div className=\"grid grid-cols-[96px_minmax(0,1fr)_auto] gap-2\">\n              <DevInput\n                className=\"h-8 font-mono text-xs\"\n                value={response.status}\n                disabled={!editable}\n                placeholder=\"200\"\n                onChange={(event) =>\n                  updateResponse(index, { status: event.target.value })\n                }\n              />\n              <DevInput\n                className=\"h-8 text-xs\"\n                value={response.description ?? \"\"}\n                disabled={!editable}\n                placeholder=\"description\"\n                onChange={(event) =>\n                  updateResponse(index, {\n                    description: event.target.value || undefined,\n                  })\n                }\n              />\n              {editable && (\n                <button\n                  type=\"button\"\n                  data-plan-interactive\n                  aria-label=\"Remove response\"\n                  className=\"flex size-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground\"\n                  onClick={() => removeResponse(index)}\n                >\n                  <IconTrash className=\"size-4\" />\n                </button>\n              )}\n            </div>\n            <DevTextarea\n              className=\"min-h-[64px] font-mono text-xs\"\n              value={response.example ?? \"\"}\n              disabled={!editable}\n              placeholder='{ \"example\": \"response body\" }'\n              onChange={(event) =>\n                updateResponse(index, {\n                  example: event.target.value || undefined,\n                })\n              }\n            />\n            <label className=\"flex items-center gap-2\">\n              <span className={fieldLabelClass}>Change</span>\n              <DevSelect\n                className=\"h-8 w-[120px]\"\n                value={response.change ?? \"none\"}\n                disabled={!editable}\n                onValueChange={(value) =>\n                  updateResponse(index, {\n                    change:\n                      value === \"none\"\n                        ? undefined\n                        : (value as ApiEndpointChange),\n                  })\n                }\n                options={CHANGE_SELECT_OPTIONS}\n              />\n            </label>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/blocks/library/DataModelBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataModelBlock.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/DataModelBlock.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EACV,aAAa,EAKd,MAAM,wBAAwB,CAAC;AA+EhC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,cAAc,CAAC,aAAa,CAAC,2CA6Q/B;AAWD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,CAAC,aAAa,CAAC,2CAwM/B"}
+{"version":3,"file":"DataModelBlock.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/DataModelBlock.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAEV,aAAa,EAKd,MAAM,wBAAwB,CAAC;AAiJhC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,cAAc,CAAC,aAAa,CAAC,2CAgT/B;AAWD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,CAAC,aAAa,CAAC,2CAiQ/B"}

package/dist/client/blocks/library/DataModelBlock.js

@@ -1,13 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { IconArrowNarrowRight, IconChevronRight, IconDatabase, IconKey, IconLink, IconPlus, IconTrash, } from "@tabler/icons-react";
 import { cn } from "../../utils.js";
-import { DevInput } from "./dev-doc-ui.js";
+import { DATA_MODEL_CHANGES } from "./data-model.config.js";
+import { DevInput, DevSelect } from "./dev-doc-ui.js";
 /**
  * Read + Edit renderers for a `data-model` block — a dbdiagram / Prisma-style
  * entity-relationship diagram. Lives in core so any app can register the dev-doc
  * block (no shadcn import).
  */
+/* ── Theme-aware change tokens (shared vocabulary with `file-tree`) ─────────── */
+/**
+ * Change-chip palette — the SAME tinted-bg + saturated-text scheme the
+ * `file-tree` block uses, in BOTH the `.dark` plan theme and light mode (never a
+ * dark-only palette). Keeps data-model diff chips visually consistent with the
+ * file-tree change badges so a reviewer reads one vocabulary across dev-doc
+ * blocks.
+ */
+const CHANGE_BADGE = {
+    added: "bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300",
+    modified: "bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300",
+    removed: "bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300",
+    renamed: "bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300",
+};
+/** Human-readable chip label, matching the file-tree change labels. */
+const CHANGE_LABEL = {
+    added: "Added",
+    modified: "Modified",
+    removed: "Removed",
+    renamed: "Renamed",
+};
+/** Accent ink for a changed field/entity name, echoing its change color. */
+const CHANGE_NAME_INK = {
+    added: "text-emerald-700 dark:text-emerald-300",
+    modified: "text-blue-700 dark:text-blue-300",
+    removed: "text-red-600 line-through dark:text-red-300",
+    renamed: "text-violet-700 dark:text-violet-300",
+};
+/** Subtle left accent rule on a changed field row (added = green, removed = red). */
+const CHANGE_ROW_ACCENT = {
+    added: "border-l-2 border-l-emerald-400 dark:border-l-emerald-500/60",
+    modified: "border-l-2 border-l-blue-400 dark:border-l-blue-500/60",
+    removed: "border-l-2 border-l-red-400 dark:border-l-red-500/60",
+    renamed: "border-l-2 border-l-violet-400 dark:border-l-violet-500/60",
+};
+/** A small theme-aware change chip ("Added" / "Modified" / …). */
+function ChangeChip({ change, className, }) {
+    return (_jsx("span", { title: CHANGE_LABEL[change], "aria-label": CHANGE_LABEL[change], className: cn("rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide leading-none", CHANGE_BADGE[change], className), children: CHANGE_LABEL[change] }));
+}
 /* ── Resolution helpers (shared by Read + relation inference) ──────────────── */
 /** Split a `fk` string like `"User.id"` into `{ entity: "User", field: "id" }`. */
 function parseFk(fk) {
@@ -127,11 +167,13 @@ export function DataModelRead({ data, blockId, title, summary, }) {
                             cardRefs.current[entity.id] = node;
                         }, "data-entity-id": entity.id, className: cn("overflow-hidden rounded-xl border bg-plan-block transition-shadow", isHighlighted
                             ? "border-blue-400 ring-2 ring-blue-400/60 dark:border-blue-400 dark:ring-blue-400/50"
-                            : "border-plan-line"), children: [_jsxs("button", { type: "button", "data-plan-interactive": true, "aria-expanded": isOpen, onClick: () => toggle(entity.id), className: "flex w-full items-center gap-2 px-4 py-2.5 text-left transition-colors hover:bg-accent/40", children: [_jsx(IconChevronRight, { className: cn("size-4 shrink-0 text-plan-muted transition-transform", isOpen && "rotate-90") }), _jsx(IconDatabase, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-300" }), _jsx("span", { className: "min-w-0 truncate font-mono text-sm font-semibold text-plan-text", children: entity.name }), _jsxs("span", { className: "ml-auto shrink-0 rounded-full bg-accent/50 px-2 py-0.5 text-[11px] font-medium text-plan-muted", children: [entity.fields.length, " ", entity.fields.length === 1 ? "field" : "fields"] })] }), isOpen && (_jsxs("div", { className: "border-t border-plan-line", children: [entity.note && (_jsx("p", { className: "px-4 pt-2 text-xs italic text-plan-muted", children: entity.note })), _jsx("table", { className: "w-full border-collapse text-sm", children: _jsxs("tbody", { children: [entity.fields.map((field, index) => {
+                            : "border-plan-line"), children: [_jsxs("button", { type: "button", "data-plan-interactive": true, "aria-expanded": isOpen, onClick: () => toggle(entity.id), className: "flex w-full items-center gap-2 px-4 py-2.5 text-left transition-colors hover:bg-accent/40", children: [_jsx(IconChevronRight, { className: cn("size-4 shrink-0 text-plan-muted transition-transform", isOpen && "rotate-90") }), _jsx(IconDatabase, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-300" }), _jsx("span", { className: cn("min-w-0 truncate font-mono text-sm font-semibold", entity.change
+                                            ? CHANGE_NAME_INK[entity.change]
+                                            : "text-plan-text"), children: entity.name }), entity.change && _jsx(ChangeChip, { change: entity.change }), _jsxs("span", { className: "ml-auto shrink-0 rounded-full bg-accent/50 px-2 py-0.5 text-[11px] font-medium text-plan-muted", children: [entity.fields.length, " ", entity.fields.length === 1 ? "field" : "fields"] })] }), isOpen && (_jsxs("div", { className: "border-t border-plan-line", children: [entity.note && (_jsx("p", { className: "px-4 pt-2 text-xs italic text-plan-muted", children: entity.note })), _jsx("table", { className: "w-full border-collapse text-sm", children: _jsxs("tbody", { children: [entity.fields.map((field, index) => {
                                                     const fkTarget = field.fk
                                                         ? resolveEntity(entities, parseFk(field.fk).entity)
                                                         : undefined;
-                                                    return (_jsxs("tr", { className: cn("border-t border-plan-line/70 align-top first:border-t-0", field.fk && "cursor-pointer hover:bg-blue-500/5"), 
+                                                    return (_jsxs("tr", { className: cn("border-t border-plan-line/70 align-top first:border-t-0", field.fk && "cursor-pointer hover:bg-blue-500/5", field.change && CHANGE_ROW_ACCENT[field.change]), 
                                                         // FK interactivity: hovering rings the referenced
                                                         // entity card; clicking also scrolls it into view.
                                                         onMouseEnter: fkTarget
@@ -140,9 +182,11 @@ export function DataModelRead({ data, blockId, title, summary, }) {
                                                             ? () => focusEntity(undefined, false)
                                                             : undefined, onClick: fkTarget
                                                             ? () => focusEntity(fkTarget.id, true)
-                                                            : undefined, children: [_jsx("td", { className: "w-px whitespace-nowrap py-1.5 pl-4 pr-2", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [field.pk && (_jsx(IconKey, { className: "size-3.5 shrink-0 text-amber-500 dark:text-amber-300", "aria-label": "Primary key" })), field.fk && (_jsx(IconLink, { className: "size-3.5 shrink-0 text-blue-500 dark:text-blue-300", "aria-label": "Foreign key" })), _jsx("span", { className: cn("font-mono text-xs", field.pk
-                                                                                ? "font-semibold text-plan-text"
-                                                                                : "text-plan-text"), children: field.name })] }) }), _jsx("td", { className: "py-1.5 pr-2", children: field.type && (_jsx("span", { className: "inline-block rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted", children: field.type })) }), _jsxs("td", { className: "py-1.5 pr-4 text-right", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-end gap-1", children: [field.pk && (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-amber-600 dark:text-amber-300 bg-amber-100 dark:bg-amber-500/15", children: "PK" })), field.fk && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-semibold text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-500/15", children: ["FK", _jsx("span", { className: "font-mono font-normal opacity-90", children: fkTarget
+                                                            : undefined, children: [_jsx("td", { className: "w-px whitespace-nowrap py-1.5 pl-4 pr-2", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [field.pk && (_jsx(IconKey, { className: "size-3.5 shrink-0 text-amber-500 dark:text-amber-300", "aria-label": "Primary key" })), field.fk && (_jsx(IconLink, { className: "size-3.5 shrink-0 text-blue-500 dark:text-blue-300", "aria-label": "Foreign key" })), _jsx("span", { className: cn("font-mono text-xs", field.pk && "font-semibold", field.change
+                                                                                ? CHANGE_NAME_INK[field.change]
+                                                                                : "text-plan-text"), children: field.name })] }) }), _jsx("td", { className: "py-1.5 pr-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [field.change === "modified" && field.was && (_jsxs(_Fragment, { children: [_jsx("span", { className: "inline-block rounded bg-accent/30 px-1.5 py-0.5 font-mono text-[11px] text-plan-muted line-through", children: field.was }), _jsx(IconArrowNarrowRight, { className: "size-3 shrink-0 text-plan-muted", "aria-hidden": true })] })), field.type && (_jsx("span", { className: cn("inline-block rounded bg-accent/40 px-1.5 py-0.5 font-mono text-[11px]", field.change === "removed"
+                                                                                ? "text-plan-muted line-through"
+                                                                                : "text-plan-muted"), children: field.type }))] }) }), _jsxs("td", { className: "py-1.5 pr-4 text-right", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-end gap-1", children: [field.change && (_jsx(ChangeChip, { change: field.change })), field.pk && (_jsx("span", { className: "rounded px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-amber-600 dark:text-amber-300 bg-amber-100 dark:bg-amber-500/15", children: "PK" })), field.fk && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-semibold text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-500/15", children: ["FK", _jsx("span", { className: "font-mono font-normal opacity-90", children: fkTarget
                                                                                             ? `${fkTarget.name}${parseFk(field.fk).field
                                                                                                 ? `.${parseFk(field.fk).field}`
                                                                                                 : ""}`
@@ -207,7 +251,15 @@ export function DataModelEdit({ data, onChange, editable, }) {
             fields: [...entity.fields, { name: "field" }],
         });
     };
-    return (_jsxs("div", { className: "flex flex-col gap-4", "data-plan-interactive": true, children: [entities.map((entity, entityIndex) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-lg border border-input p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconDatabase, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx(DevInput, { className: "h-8 font-mono text-sm font-semibold", value: entity.name, disabled: !editable, placeholder: "EntityName", onChange: (event) => updateEntity(entityIndex, { name: event.target.value }) }), editable && (_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Remove entity", className: "flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => removeEntity(entityIndex), children: _jsx(IconTrash, { className: "size-4" }) }))] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [entity.fields.map((field, fieldIndex) => (_jsxs("div", { className: "flex flex-col gap-1.5 rounded-md border border-input/60 bg-accent/20 p-2", children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-1.5", children: [_jsx(DevInput, { className: "h-7 font-mono text-xs", value: field.name, disabled: !editable, placeholder: "name", onChange: (event) => updateField(entityIndex, fieldIndex, {
+    return (_jsxs("div", { className: "flex flex-col gap-4", "data-plan-interactive": true, children: [entities.map((entity, entityIndex) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-lg border border-input p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconDatabase, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx(DevInput, { className: "h-8 font-mono text-sm font-semibold", value: entity.name, disabled: !editable, placeholder: "EntityName", onChange: (event) => updateEntity(entityIndex, { name: event.target.value }) }), _jsx(DevSelect, { className: "h-8 w-[120px] shrink-0", value: entity.change ?? "none", disabled: !editable, onValueChange: (value) => updateEntity(entityIndex, {
+                                    change: value === "none" ? undefined : value,
+                                }), options: [
+                                    { value: "none", label: "No change" },
+                                    ...DATA_MODEL_CHANGES.map((change) => ({
+                                        value: change,
+                                        label: CHANGE_LABEL[change],
+                                    })),
+                                ] }), editable && (_jsx("button", { type: "button", "data-plan-interactive": true, "aria-label": "Remove entity", className: "flex size-8 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => removeEntity(entityIndex), children: _jsx(IconTrash, { className: "size-4" }) }))] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [entity.fields.map((field, fieldIndex) => (_jsxs("div", { className: "flex flex-col gap-1.5 rounded-md border border-input/60 bg-accent/20 p-2", children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-1.5", children: [_jsx(DevInput, { className: "h-7 font-mono text-xs", value: field.name, disabled: !editable, placeholder: "name", onChange: (event) => updateField(entityIndex, fieldIndex, {
                                                     name: event.target.value,
                                                 }) }), _jsx(DevInput, { className: "h-7 font-mono text-xs", value: field.type ?? "", disabled: !editable, placeholder: "type (e.g. uuid)", onChange: (event) => updateField(entityIndex, fieldIndex, {
                                                     type: event.target.value || undefined,
@@ -217,6 +269,20 @@ export function DataModelEdit({ data, onChange, editable, }) {
                                                             nullable: event.target.checked || undefined,
                                                         }) }), "Nullable"] }), _jsx(DevInput, { className: "h-7 flex-1 font-mono text-xs", value: field.fk ?? "", disabled: !editable, placeholder: "FK \u2192 Entity.field", onChange: (event) => updateField(entityIndex, fieldIndex, {
                                                     fk: event.target.value || undefined,
-                                                }) })] })] }, fieldIndex))), editable && (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex w-fit items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => addField(entityIndex), children: [_jsx(IconPlus, { className: "size-3.5" }), "Add field"] }))] })] }, entity.id))), editable && (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex items-center justify-center gap-1.5 rounded-md border border-dashed border-input py-2 text-sm text-muted-foreground hover:bg-accent/40 hover:text-foreground", onClick: addEntity, children: [_jsx(IconPlus, { className: "size-4" }), "Add entity"] }))] }));
+                                                }) })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx(DevSelect, { className: "h-7 w-[120px] shrink-0", value: field.change ?? "none", disabled: !editable, onValueChange: (value) => updateField(entityIndex, fieldIndex, {
+                                                    change: value === "none"
+                                                        ? undefined
+                                                        : value,
+                                                    // Drop a stale `was` when leaving the modified state.
+                                                    ...(value === "modified" ? {} : { was: undefined }),
+                                                }), options: [
+                                                    { value: "none", label: "No change" },
+                                                    ...DATA_MODEL_CHANGES.map((change) => ({
+                                                        value: change,
+                                                        label: CHANGE_LABEL[change],
+                                                    })),
+                                                ] }), field.change === "modified" && (_jsx(DevInput, { className: "h-7 flex-1 font-mono text-xs", value: field.was ?? "", disabled: !editable, placeholder: "was (prior value, e.g. old type)", onChange: (event) => updateField(entityIndex, fieldIndex, {
+                                                    was: event.target.value || undefined,
+                                                }) }))] })] }, fieldIndex))), editable && (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex w-fit items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent/60 hover:text-foreground", onClick: () => addField(entityIndex), children: [_jsx(IconPlus, { className: "size-3.5" }), "Add field"] }))] })] }, entity.id))), editable && (_jsxs("button", { type: "button", "data-plan-interactive": true, className: "flex items-center justify-center gap-1.5 rounded-md border border-dashed border-input py-2 text-sm text-muted-foreground hover:bg-accent/40 hover:text-foreground", onClick: addEntity, children: [_jsx(IconPlus, { className: "size-4" }), "Add entity"] }))] }));
 }
 //# sourceMappingURL=DataModelBlock.js.map