@agent-native/core 0.47.1 → 0.48.1

package/dist/client/conversation/use-near-bottom-autoscroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-near-bottom-autoscroll.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,WAAW,EAAE,EACpE,SAAS,EACT,SAAiB,EACjB,SAAa,EACb,OAAc,GACf,EAAE,8BAA8B;;;;;;;EAwMhC"}
+{"version":3,"file":"use-near-bottom-autoscroll.d.ts","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,WAAW,EAAE,EACpE,SAAS,EACT,SAAiB,EACjB,SAAa,EACb,OAAc,GACf,EAAE,8BAA8B;;;;;;;EAqNhC"}

package/dist/client/conversation/use-near-bottom-autoscroll.js

@@ -53,6 +53,7 @@ export function useNearBottomAutoscroll({ followKey, streaming = false, threshol
         if (!el || !enabled)
             return;
         lastScrollTopRef.current = el.scrollTop;
+        let lastScrollHeight = el.scrollHeight;
         const onWheel = (event) => {
             if (event.deltaY < 0)
                 detachFromBottom();
@@ -76,8 +77,20 @@ export function useNearBottomAutoscroll({ followKey, streaming = false, threshol
         const onScroll = () => {
             const previousScrollTop = lastScrollTopRef.current;
             const nextScrollTop = el.scrollTop;
+            const nextScrollHeight = el.scrollHeight;
+            // When the message list briefly shrinks (a re-render swaps content, a
+            // streaming/reconnect placeholder collapses, images unload, the message
+            // list remounts as a new run starts, etc.) the browser is forced to clamp
+            // scrollTop downward and fires a scroll event. That clamp is not the user
+            // scrolling up — treating it as such detaches auto-follow and strands the
+            // conversation scrolled up, sometimes all the way at the top. Only treat a
+            // downward jump as user intent when the content did not shrink underneath
+            // it. Genuine user scroll-ups (wheel/touch/keys, scrollbar drag at a
+            // stable height) are unaffected.
+            const contentShrank = nextScrollHeight < lastScrollHeight;
             lastScrollTopRef.current = nextScrollTop;
-            if (nextScrollTop < previousScrollTop) {
+            lastScrollHeight = nextScrollHeight;
+            if (nextScrollTop < previousScrollTop && !contentShrank) {
                 detachFromBottom();
                 return;
             }

package/dist/client/conversation/use-near-bottom-autoscroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-near-bottom-autoscroll.js","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface UseNearBottomAutoscrollOptions {\n  followKey: unknown;\n  streaming?: boolean;\n  threshold?: number;\n  enabled?: boolean;\n}\n\nexport function useNearBottomAutoscroll<TElement extends HTMLElement>({\n  followKey,\n  streaming = false,\n  threshold = 4,\n  enabled = true,\n}: UseNearBottomAutoscrollOptions) {\n  const scrollRef = useRef<TElement | null>(null);\n  const isNearBottomRef = useRef(true);\n  const followGenerationRef = useRef(0);\n  const lastScrollTopRef = useRef(0);\n  const lastTouchYRef = useRef<number | null>(null);\n  const [showScrollToBottom, setShowScrollToBottom] = useState(false);\n\n  const isAtBottom = useCallback(\n    (el: HTMLElement) =>\n      el.scrollHeight - el.scrollTop - el.clientHeight <= threshold,\n    [threshold],\n  );\n\n  const setFollowingBottom = useCallback(\n    (following: boolean, forceGeneration = false, el?: HTMLElement) => {\n      if (forceGeneration || isNearBottomRef.current !== following) {\n        followGenerationRef.current += 1;\n      }\n      isNearBottomRef.current = following;\n      const canScroll = !el || el.scrollHeight > el.clientHeight + threshold;\n      setShowScrollToBottom(!following && canScroll);\n    },\n    [threshold],\n  );\n\n  const detachFromBottom = useCallback(() => {\n    setFollowingBottom(false, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  const updateBottomState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (isAtBottom(el)) setFollowingBottom(true, false, el);\n    else if (!isNearBottomRef.current) {\n      setShowScrollToBottom(el.scrollHeight > el.clientHeight + threshold);\n    }\n  }, [isAtBottom, setFollowingBottom, threshold]);\n\n  const scrollToBottomIfFollowing = useCallback(\n    (generation: number) => {\n      if (\n        followGenerationRef.current !== generation ||\n        !isNearBottomRef.current\n      ) {\n        return;\n      }\n      const el = scrollRef.current;\n      if (!el) return;\n      el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n      lastScrollTopRef.current = el.scrollTop;\n      setFollowingBottom(true, false, el);\n    },\n    [setFollowingBottom],\n  );\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setFollowingBottom(true, true, el);\n    el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n    lastScrollTopRef.current = el.scrollTop;\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el || !enabled) return;\n    lastScrollTopRef.current = el.scrollTop;\n\n    const onWheel = (event: WheelEvent) => {\n      if (event.deltaY < 0) detachFromBottom();\n    };\n\n    const onTouchStart = (event: TouchEvent) => {\n      lastTouchYRef.current = event.touches[0]?.clientY ?? null;\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n      const nextTouchY = event.touches[0]?.clientY;\n      if (nextTouchY == null) return;\n      const lastTouchY = lastTouchYRef.current;\n      if (lastTouchY != null && nextTouchY > lastTouchY) {\n        detachFromBottom();\n      }\n      lastTouchYRef.current = nextTouchY;\n    };\n\n    const onTouchEnd = () => {\n      lastTouchYRef.current = null;\n    };\n\n    const onScroll = () => {\n      const previousScrollTop = lastScrollTopRef.current;\n      const nextScrollTop = el.scrollTop;\n      lastScrollTopRef.current = nextScrollTop;\n      if (nextScrollTop < previousScrollTop) {\n        detachFromBottom();\n        return;\n      }\n      updateBottomState();\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === \"ArrowUp\" ||\n        event.key === \"PageUp\" ||\n        event.key === \"Home\" ||\n        (event.key === \" \" && event.shiftKey)\n      ) {\n        detachFromBottom();\n      }\n    };\n    el.addEventListener(\"wheel\", onWheel, { passive: true });\n    el.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n    el.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n    el.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n    el.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    el.addEventListener(\"keydown\", onKeyDown);\n    updateBottomState();\n\n    // Re-check near-bottom whenever the scroll container's content grows\n    // (e.g. new messages appended, images loaded, tool-call details expanded).\n    // Without this the \"near bottom\" flag can get stuck as `false` even though\n    // the user never scrolled away — the container just grew taller.\n    let ro: ResizeObserver | null = null;\n    let mo: MutationObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      const observeResizeTargets = () => {\n        ro?.disconnect();\n        ro = new ResizeObserver(() => {\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          } else {\n            updateBottomState();\n          }\n        });\n        ro.observe(el);\n        // Also watch direct children so inline content changes are caught.\n        for (const child of Array.from(el.children)) ro.observe(child);\n      };\n      observeResizeTargets();\n      if (typeof MutationObserver !== \"undefined\") {\n        mo = new MutationObserver(() => {\n          observeResizeTargets();\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          }\n        });\n        mo.observe(el, { childList: true });\n      }\n    }\n\n    return () => {\n      el.removeEventListener(\"wheel\", onWheel);\n      el.removeEventListener(\"touchstart\", onTouchStart);\n      el.removeEventListener(\"touchmove\", onTouchMove);\n      el.removeEventListener(\"touchend\", onTouchEnd);\n      el.removeEventListener(\"touchcancel\", onTouchEnd);\n      el.removeEventListener(\"scroll\", onScroll);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      ro?.disconnect();\n      mo?.disconnect();\n    };\n  }, [detachFromBottom, enabled, scrollToBottomIfFollowing, updateBottomState]);\n\n  const scrollToBottomAfterPaint = useCallback(() => {\n    const generation = followGenerationRef.current;\n    scrollToBottomIfFollowing(generation);\n    requestAnimationFrame(() => {\n      scrollToBottomIfFollowing(generation);\n      requestAnimationFrame(() => scrollToBottomIfFollowing(generation));\n    });\n    window.setTimeout(() => scrollToBottomIfFollowing(generation), 80);\n  }, [scrollToBottomIfFollowing]);\n\n  const markNearBottom = useCallback(() => {\n    setFollowingBottom(true, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    if (!enabled || !isNearBottomRef.current) return;\n    scrollToBottomAfterPaint();\n  }, [enabled, followKey, scrollToBottomAfterPaint]);\n\n  useEffect(() => {\n    if (!enabled || !streaming) return;\n    const id = window.setInterval(() => {\n      scrollToBottomIfFollowing(followGenerationRef.current);\n    }, 100);\n    return () => window.clearInterval(id);\n  }, [enabled, scrollToBottomIfFollowing, streaming]);\n\n  return {\n    scrollRef,\n    isNearBottomRef,\n    showScrollToBottom,\n    markNearBottom,\n    scrollToBottom,\n    scrollToBottomAfterPaint,\n  };\n}\n"]}
+{"version":3,"file":"use-near-bottom-autoscroll.js","sourceRoot":"","sources":["../../../src/client/conversation/use-near-bottom-autoscroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface UseNearBottomAutoscrollOptions {\n  followKey: unknown;\n  streaming?: boolean;\n  threshold?: number;\n  enabled?: boolean;\n}\n\nexport function useNearBottomAutoscroll<TElement extends HTMLElement>({\n  followKey,\n  streaming = false,\n  threshold = 4,\n  enabled = true,\n}: UseNearBottomAutoscrollOptions) {\n  const scrollRef = useRef<TElement | null>(null);\n  const isNearBottomRef = useRef(true);\n  const followGenerationRef = useRef(0);\n  const lastScrollTopRef = useRef(0);\n  const lastTouchYRef = useRef<number | null>(null);\n  const [showScrollToBottom, setShowScrollToBottom] = useState(false);\n\n  const isAtBottom = useCallback(\n    (el: HTMLElement) =>\n      el.scrollHeight - el.scrollTop - el.clientHeight <= threshold,\n    [threshold],\n  );\n\n  const setFollowingBottom = useCallback(\n    (following: boolean, forceGeneration = false, el?: HTMLElement) => {\n      if (forceGeneration || isNearBottomRef.current !== following) {\n        followGenerationRef.current += 1;\n      }\n      isNearBottomRef.current = following;\n      const canScroll = !el || el.scrollHeight > el.clientHeight + threshold;\n      setShowScrollToBottom(!following && canScroll);\n    },\n    [threshold],\n  );\n\n  const detachFromBottom = useCallback(() => {\n    setFollowingBottom(false, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  const updateBottomState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (isAtBottom(el)) setFollowingBottom(true, false, el);\n    else if (!isNearBottomRef.current) {\n      setShowScrollToBottom(el.scrollHeight > el.clientHeight + threshold);\n    }\n  }, [isAtBottom, setFollowingBottom, threshold]);\n\n  const scrollToBottomIfFollowing = useCallback(\n    (generation: number) => {\n      if (\n        followGenerationRef.current !== generation ||\n        !isNearBottomRef.current\n      ) {\n        return;\n      }\n      const el = scrollRef.current;\n      if (!el) return;\n      el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n      lastScrollTopRef.current = el.scrollTop;\n      setFollowingBottom(true, false, el);\n    },\n    [setFollowingBottom],\n  );\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setFollowingBottom(true, true, el);\n    el.scrollTop = Math.max(0, el.scrollHeight - el.clientHeight);\n    lastScrollTopRef.current = el.scrollTop;\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el || !enabled) return;\n    lastScrollTopRef.current = el.scrollTop;\n    let lastScrollHeight = el.scrollHeight;\n\n    const onWheel = (event: WheelEvent) => {\n      if (event.deltaY < 0) detachFromBottom();\n    };\n\n    const onTouchStart = (event: TouchEvent) => {\n      lastTouchYRef.current = event.touches[0]?.clientY ?? null;\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n      const nextTouchY = event.touches[0]?.clientY;\n      if (nextTouchY == null) return;\n      const lastTouchY = lastTouchYRef.current;\n      if (lastTouchY != null && nextTouchY > lastTouchY) {\n        detachFromBottom();\n      }\n      lastTouchYRef.current = nextTouchY;\n    };\n\n    const onTouchEnd = () => {\n      lastTouchYRef.current = null;\n    };\n\n    const onScroll = () => {\n      const previousScrollTop = lastScrollTopRef.current;\n      const nextScrollTop = el.scrollTop;\n      const nextScrollHeight = el.scrollHeight;\n      // When the message list briefly shrinks (a re-render swaps content, a\n      // streaming/reconnect placeholder collapses, images unload, the message\n      // list remounts as a new run starts, etc.) the browser is forced to clamp\n      // scrollTop downward and fires a scroll event. That clamp is not the user\n      // scrolling up — treating it as such detaches auto-follow and strands the\n      // conversation scrolled up, sometimes all the way at the top. Only treat a\n      // downward jump as user intent when the content did not shrink underneath\n      // it. Genuine user scroll-ups (wheel/touch/keys, scrollbar drag at a\n      // stable height) are unaffected.\n      const contentShrank = nextScrollHeight < lastScrollHeight;\n      lastScrollTopRef.current = nextScrollTop;\n      lastScrollHeight = nextScrollHeight;\n      if (nextScrollTop < previousScrollTop && !contentShrank) {\n        detachFromBottom();\n        return;\n      }\n      updateBottomState();\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === \"ArrowUp\" ||\n        event.key === \"PageUp\" ||\n        event.key === \"Home\" ||\n        (event.key === \" \" && event.shiftKey)\n      ) {\n        detachFromBottom();\n      }\n    };\n    el.addEventListener(\"wheel\", onWheel, { passive: true });\n    el.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n    el.addEventListener(\"touchmove\", onTouchMove, { passive: true });\n    el.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n    el.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    el.addEventListener(\"keydown\", onKeyDown);\n    updateBottomState();\n\n    // Re-check near-bottom whenever the scroll container's content grows\n    // (e.g. new messages appended, images loaded, tool-call details expanded).\n    // Without this the \"near bottom\" flag can get stuck as `false` even though\n    // the user never scrolled away — the container just grew taller.\n    let ro: ResizeObserver | null = null;\n    let mo: MutationObserver | null = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      const observeResizeTargets = () => {\n        ro?.disconnect();\n        ro = new ResizeObserver(() => {\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          } else {\n            updateBottomState();\n          }\n        });\n        ro.observe(el);\n        // Also watch direct children so inline content changes are caught.\n        for (const child of Array.from(el.children)) ro.observe(child);\n      };\n      observeResizeTargets();\n      if (typeof MutationObserver !== \"undefined\") {\n        mo = new MutationObserver(() => {\n          observeResizeTargets();\n          if (isNearBottomRef.current) {\n            scrollToBottomIfFollowing(followGenerationRef.current);\n          }\n        });\n        mo.observe(el, { childList: true });\n      }\n    }\n\n    return () => {\n      el.removeEventListener(\"wheel\", onWheel);\n      el.removeEventListener(\"touchstart\", onTouchStart);\n      el.removeEventListener(\"touchmove\", onTouchMove);\n      el.removeEventListener(\"touchend\", onTouchEnd);\n      el.removeEventListener(\"touchcancel\", onTouchEnd);\n      el.removeEventListener(\"scroll\", onScroll);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      ro?.disconnect();\n      mo?.disconnect();\n    };\n  }, [detachFromBottom, enabled, scrollToBottomIfFollowing, updateBottomState]);\n\n  const scrollToBottomAfterPaint = useCallback(() => {\n    const generation = followGenerationRef.current;\n    scrollToBottomIfFollowing(generation);\n    requestAnimationFrame(() => {\n      scrollToBottomIfFollowing(generation);\n      requestAnimationFrame(() => scrollToBottomIfFollowing(generation));\n    });\n    window.setTimeout(() => scrollToBottomIfFollowing(generation), 80);\n  }, [scrollToBottomIfFollowing]);\n\n  const markNearBottom = useCallback(() => {\n    setFollowingBottom(true, true, scrollRef.current ?? undefined);\n  }, [setFollowingBottom]);\n\n  useEffect(() => {\n    if (!enabled || !isNearBottomRef.current) return;\n    scrollToBottomAfterPaint();\n  }, [enabled, followKey, scrollToBottomAfterPaint]);\n\n  useEffect(() => {\n    if (!enabled || !streaming) return;\n    const id = window.setInterval(() => {\n      scrollToBottomIfFollowing(followGenerationRef.current);\n    }, 100);\n    return () => window.clearInterval(id);\n  }, [enabled, scrollToBottomIfFollowing, streaming]);\n\n  return {\n    scrollRef,\n    isNearBottomRef,\n    showScrollToBottom,\n    markNearBottom,\n    scrollToBottom,\n    scrollToBottomAfterPaint,\n  };\n}\n"]}

package/dist/client/create-query-client.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Shared QueryClient factory for agent-native apps.
+ *
+ * Exports a single `createAgentNativeQueryClient(overrides?)` so every
+ * template root uses the same house defaults rather than a bare
+ * `new QueryClient()` (which ships with staleTime=0 and
+ * refetchOnWindowFocus=true, causing unnecessary network requests because the
+ * useDbSync layer already pushes real-time invalidations on actual changes).
+ *
+ * House defaults:
+ * - staleTime 30s  — data is considered fresh for 30 s; useDbSync invalidates
+ *   on real changes so this only affects the window between sync events.
+ * - retry          — never retry 401/403; allow one retry for transient errors.
+ * - refetchOnWindowFocus false — useDbSync already runs its own focus poll
+ *   (use-db-sync.ts) so unconditional refetch on focus would double-fetch.
+ *
+ * Callers may pass deep overrides for intentional deviations (e.g. a template
+ * that uses a domain-specific staleTime for a particular query category).
+ */
+import { QueryClient, type QueryClientConfig } from "@tanstack/react-query";
+/**
+ * Creates a QueryClient pre-configured with agent-native house defaults.
+ *
+ * Pass `overrides` for intentional template-specific deviations — only what
+ * actually differs from the house defaults should be specified.
+ */
+export declare function createAgentNativeQueryClient(overrides?: QueryClientConfig): QueryClient;
+//# sourceMappingURL=create-query-client.d.ts.map

package/dist/client/create-query-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-query-client.d.ts","sourceRoot":"","sources":["../../src/client/create-query-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAgC5E;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC1C,SAAS,CAAC,EAAE,iBAAiB,GAC5B,WAAW,CA0Bb"}

package/dist/client/create-query-client.js

@@ -0,0 +1,78 @@
+/**
+ * Shared QueryClient factory for agent-native apps.
+ *
+ * Exports a single `createAgentNativeQueryClient(overrides?)` so every
+ * template root uses the same house defaults rather than a bare
+ * `new QueryClient()` (which ships with staleTime=0 and
+ * refetchOnWindowFocus=true, causing unnecessary network requests because the
+ * useDbSync layer already pushes real-time invalidations on actual changes).
+ *
+ * House defaults:
+ * - staleTime 30s  — data is considered fresh for 30 s; useDbSync invalidates
+ *   on real changes so this only affects the window between sync events.
+ * - retry          — never retry 401/403; allow one retry for transient errors.
+ * - refetchOnWindowFocus false — useDbSync already runs its own focus poll
+ *   (use-db-sync.ts) so unconditional refetch on focus would double-fetch.
+ *
+ * Callers may pass deep overrides for intentional deviations (e.g. a template
+ * that uses a domain-specific staleTime for a particular query category).
+ */
+import { QueryClient } from "@tanstack/react-query";
+/** Returns true for HTTP 401 / 403 responses wrapped as { status: number }. */
+function isAuthFailure(error) {
+    return (!!error &&
+        typeof error === "object" &&
+        "status" in error &&
+        (error.status === 401 ||
+            error.status === 403));
+}
+/** House defaults merged into every template QueryClient. */
+const HOUSE_DEFAULTS = {
+    defaultOptions: {
+        queries: {
+            // 30 s matches the mail template's battle-tested value; useDbSync
+            // invalidates caches on real DB changes so this gap is only relevant
+            // for the window between two sync events.
+            staleTime: 30_000,
+            // Never retry auth failures — they will not succeed on retry.
+            // Allow one retry for transient network/server errors.
+            retry: (failureCount, error) => !isAuthFailure(error) && failureCount < 1,
+            // The useDbSync hook already runs a focus-aware event poll, so
+            // React Query's own refetchOnWindowFocus would cause duplicate
+            // refetches on every window-focus event.
+            refetchOnWindowFocus: false,
+        },
+    },
+};
+/**
+ * Creates a QueryClient pre-configured with agent-native house defaults.
+ *
+ * Pass `overrides` for intentional template-specific deviations — only what
+ * actually differs from the house defaults should be specified.
+ */
+export function createAgentNativeQueryClient(overrides) {
+    if (!overrides) {
+        return new QueryClient(HOUSE_DEFAULTS);
+    }
+    // Deep-merge only the defaultOptions.queries layer so callers can override
+    // individual fields without having to replicate the full config.
+    const mergedQueries = {
+        ...HOUSE_DEFAULTS.defaultOptions?.queries,
+        ...overrides.defaultOptions?.queries,
+    };
+    const mergedMutations = {
+        ...HOUSE_DEFAULTS.defaultOptions?.mutations,
+        ...overrides.defaultOptions?.mutations,
+    };
+    return new QueryClient({
+        ...HOUSE_DEFAULTS,
+        ...overrides,
+        defaultOptions: {
+            ...HOUSE_DEFAULTS.defaultOptions,
+            ...overrides.defaultOptions,
+            queries: mergedQueries,
+            mutations: mergedMutations,
+        },
+    });
+}
+//# sourceMappingURL=create-query-client.js.map

package/dist/client/create-query-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-query-client.js","sourceRoot":"","sources":["../../src/client/create-query-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAC;AAE5E,+EAA+E;AAC/E,SAAS,aAAa,CAAC,KAAc;IACnC,OAAO,CACL,CAAC,CAAC,KAAK;QACP,OAAO,KAAK,KAAK,QAAQ;QACzB,QAAQ,IAAI,KAAK;QACjB,CAAE,KAA8B,CAAC,MAAM,KAAK,GAAG;YAC5C,KAA8B,CAAC,MAAM,KAAK,GAAG,CAAC,CAClD,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,cAAc,GAAsB;IACxC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,kEAAkE;YAClE,qEAAqE;YACrE,0CAA0C;YAC1C,SAAS,EAAE,MAAM;YACjB,8DAA8D;YAC9D,uDAAuD;YACvD,KAAK,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,YAAY,GAAG,CAAC;YACzE,+DAA+D;YAC/D,+DAA+D;YAC/D,yCAAyC;YACzC,oBAAoB,EAAE,KAAK;SAC5B;KACF;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAC1C,SAA6B;IAE7B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC;IACzC,CAAC;IAED,2EAA2E;IAC3E,iEAAiE;IACjE,MAAM,aAAa,GAAG;QACpB,GAAG,cAAc,CAAC,cAAc,EAAE,OAAO;QACzC,GAAG,SAAS,CAAC,cAAc,EAAE,OAAO;KACrC,CAAC;IACF,MAAM,eAAe,GAAG;QACtB,GAAG,cAAc,CAAC,cAAc,EAAE,SAAS;QAC3C,GAAG,SAAS,CAAC,cAAc,EAAE,SAAS;KACvC,CAAC;IAEF,OAAO,IAAI,WAAW,CAAC;QACrB,GAAG,cAAc;QACjB,GAAG,SAAS;QACZ,cAAc,EAAE;YACd,GAAG,cAAc,CAAC,cAAc;YAChC,GAAG,SAAS,CAAC,cAAc;YAC3B,OAAO,EAAE,aAAa;YACtB,SAAS,EAAE,eAAe;SAC3B;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * Shared QueryClient factory for agent-native apps.\n *\n * Exports a single `createAgentNativeQueryClient(overrides?)` so every\n * template root uses the same house defaults rather than a bare\n * `new QueryClient()` (which ships with staleTime=0 and\n * refetchOnWindowFocus=true, causing unnecessary network requests because the\n * useDbSync layer already pushes real-time invalidations on actual changes).\n *\n * House defaults:\n * - staleTime 30s  — data is considered fresh for 30 s; useDbSync invalidates\n *   on real changes so this only affects the window between sync events.\n * - retry          — never retry 401/403; allow one retry for transient errors.\n * - refetchOnWindowFocus false — useDbSync already runs its own focus poll\n *   (use-db-sync.ts) so unconditional refetch on focus would double-fetch.\n *\n * Callers may pass deep overrides for intentional deviations (e.g. a template\n * that uses a domain-specific staleTime for a particular query category).\n */\nimport { QueryClient, type QueryClientConfig } from \"@tanstack/react-query\";\n\n/** Returns true for HTTP 401 / 403 responses wrapped as { status: number }. */\nfunction isAuthFailure(error: unknown): boolean {\n  return (\n    !!error &&\n    typeof error === \"object\" &&\n    \"status\" in error &&\n    ((error as { status?: unknown }).status === 401 ||\n      (error as { status?: unknown }).status === 403)\n  );\n}\n\n/** House defaults merged into every template QueryClient. */\nconst HOUSE_DEFAULTS: QueryClientConfig = {\n  defaultOptions: {\n    queries: {\n      // 30 s matches the mail template's battle-tested value; useDbSync\n      // invalidates caches on real DB changes so this gap is only relevant\n      // for the window between two sync events.\n      staleTime: 30_000,\n      // Never retry auth failures — they will not succeed on retry.\n      // Allow one retry for transient network/server errors.\n      retry: (failureCount, error) => !isAuthFailure(error) && failureCount < 1,\n      // The useDbSync hook already runs a focus-aware event poll, so\n      // React Query's own refetchOnWindowFocus would cause duplicate\n      // refetches on every window-focus event.\n      refetchOnWindowFocus: false,\n    },\n  },\n};\n\n/**\n * Creates a QueryClient pre-configured with agent-native house defaults.\n *\n * Pass `overrides` for intentional template-specific deviations — only what\n * actually differs from the house defaults should be specified.\n */\nexport function createAgentNativeQueryClient(\n  overrides?: QueryClientConfig,\n): QueryClient {\n  if (!overrides) {\n    return new QueryClient(HOUSE_DEFAULTS);\n  }\n\n  // Deep-merge only the defaultOptions.queries layer so callers can override\n  // individual fields without having to replicate the full config.\n  const mergedQueries = {\n    ...HOUSE_DEFAULTS.defaultOptions?.queries,\n    ...overrides.defaultOptions?.queries,\n  };\n  const mergedMutations = {\n    ...HOUSE_DEFAULTS.defaultOptions?.mutations,\n    ...overrides.defaultOptions?.mutations,\n  };\n\n  return new QueryClient({\n    ...HOUSE_DEFAULTS,\n    ...overrides,\n    defaultOptions: {\n      ...HOUSE_DEFAULTS.defaultOptions,\n      ...overrides.defaultOptions,\n      queries: mergedQueries,\n      mutations: mergedMutations,\n    },\n  });\n}\n"]}

package/dist/client/db-admin/DevDatabaseLink.d.ts

@@ -15,5 +15,5 @@ export interface DevDatabaseLinkProps {
  * gated on the server, so this is purely a convenience affordance — never a
  * security boundary.
  */
-export declare function DevDatabaseLink({ className, to, }: DevDatabaseLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function DevDatabaseLink({ className, to, }: DevDatabaseLinkProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=DevDatabaseLink.d.ts.map

package/dist/client/db-admin/DevDatabaseLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevDatabaseLink.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/DevDatabaseLink.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,EAAgB,GACjB,EAAE,oBAAoB,2CAmBtB"}
+{"version":3,"file":"DevDatabaseLink.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/DevDatabaseLink.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,EAAgB,GACjB,EAAE,oBAAoB,kDAmBtB"}

package/dist/client/db-admin/RowSidePanel.d.ts

@@ -14,5 +14,5 @@ export interface RowSidePanelProps {
      */
     onSave: (values: Record<string, unknown>) => void;
 }
-export declare function RowSidePanel({ schema, mode, row, staged, onClose, onSave, }: RowSidePanelProps): any;
+export declare function RowSidePanel({ schema, mode, row, staged, onClose, onSave, }: RowSidePanelProps): import("react").ReactPortal | null;
 //# sourceMappingURL=RowSidePanel.d.ts.map

package/dist/client/db-admin/RowSidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowSidePanel.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/RowSidePanel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,iBAAiB,OA4InB"}
+{"version":3,"file":"RowSidePanel.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/RowSidePanel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,IAAI,EAAE,gBAAgB,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,iBAAiB,sCA4InB"}

package/dist/client/db-admin/RowSidePanel.js

@@ -4,7 +4,7 @@ import { createPortal } from "react-dom";
 import { IconKey, IconX, IconRefresh, IconCircleX } from "@tabler/icons-react";
 import { cn } from "../utils.js";
 import { inferEditorKind, inferEnumValues, valueToEditString, parseEditValue, ParseError, } from "./cell-format.js";
-function initialFieldState(col, kind, value, isInsert) {
+function initialFieldState(_col, kind, value, isInsert) {
     const isNull = value === null || value === undefined;
     return {
         text: isNull ? "" : valueToEditString(value, kind),
@@ -89,7 +89,7 @@ export function RowSidePanel({ schema, mode, row, staged, onClose, onSave, }) {
         return null;
     return createPortal(panel, document.body);
 }
-function RowField({ column, state, isInsert, onChange, }) {
+function RowField({ column, state, isInsert: _isInsert, onChange, }) {
     const kind = inferEditorKind(column);
     const enumValues = inferEnumValues(column);
     const isGenerated = column.pk && column.autoIncrement;

package/dist/client/db-admin/RowSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSidePanel.js","sourceRoot":"","sources":["../../../src/client/db-admin/RowSidePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IconKey, IconX, IconRefresh, IconCircleX } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  inferEditorKind,\n  inferEnumValues,\n  valueToEditString,\n  parseEditValue,\n  ParseError,\n  type EditorKind,\n} from \"./cell-format.js\";\nimport type {\n  DbAdminColumn,\n  DbAdminTableSchema,\n} from \"../../db-admin/types.js\";\n\nexport type RowSidePanelMode = \"insert\" | \"edit\";\n\nexport interface RowSidePanelProps {\n  schema: DbAdminTableSchema;\n  mode: RowSidePanelMode;\n  /** For edit mode: the original row values. */\n  row?: Record<string, unknown>;\n  /** For edit mode: staged overrides already in the changeset. */\n  staged?: Record<string, unknown>;\n  onClose: () => void;\n  /**\n   * Persist into the changeset. For insert mode `values` is the full new-row\n   * object; for edit mode it is only the changed columns.\n   */\n  onSave: (values: Record<string, unknown>) => void;\n}\n\ntype FieldState = {\n  /** Raw text in the input. */\n  text: string;\n  /** Whether the field is explicitly set to NULL. */\n  isNull: boolean;\n  /** Parse error, if any. */\n  error?: string | null;\n  /** Whether the user has touched this field (insert) — drives \"blank = skip\". */\n  touched: boolean;\n};\n\nfunction initialFieldState(\n  col: DbAdminColumn,\n  kind: EditorKind,\n  value: unknown,\n  isInsert: boolean,\n): FieldState {\n  const isNull = value === null || value === undefined;\n  return {\n    text: isNull ? \"\" : valueToEditString(value, kind),\n    isNull: isInsert ? false : isNull,\n    touched: false,\n  };\n}\n\nexport function RowSidePanel({\n  schema,\n  mode,\n  row,\n  staged,\n  onClose,\n  onSave,\n}: RowSidePanelProps) {\n  const isInsert = mode === \"insert\";\n  const [fields, setFields] = useState<Record<string, FieldState>>(() => {\n    const init: Record<string, FieldState> = {};\n    for (const col of schema.columns) {\n      const kind = inferEditorKind(col);\n      const original = row?.[col.name];\n      const value =\n        staged && Object.prototype.hasOwnProperty.call(staged, col.name)\n          ? staged[col.name]\n          : original;\n      init[col.name] = initialFieldState(col, kind, value, isInsert);\n    }\n    return init;\n  });\n\n  // Close on Escape.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [onClose]);\n\n  const update = (name: string, patch: Partial<FieldState>) =>\n    setFields((prev) => ({\n      ...prev,\n      [name]: { ...prev[name], ...patch, touched: true },\n    }));\n\n  const save = () => {\n    const out: Record<string, unknown> = {};\n    let hadError = false;\n    const nextFields = { ...fields };\n\n    for (const col of schema.columns) {\n      const kind = inferEditorKind(col);\n      const fs = fields[col.name];\n      const isGenerated = col.pk && col.autoIncrement;\n\n      if (fs.isNull) {\n        // Explicit NULL.\n        if (!isInsert || fs.touched) out[col.name] = null;\n        continue;\n      }\n\n      // Insert: blank, untouched, auto/pk/default columns are left out entirely.\n      if (isInsert && fs.text === \"\" && !fs.touched) {\n        continue;\n      }\n      if (isInsert && fs.text === \"\" && (isGenerated || col.defaultValue)) {\n        continue;\n      }\n\n      // Edit: only include columns the user touched.\n      if (!isInsert && !fs.touched) continue;\n\n      try {\n        const parsed = parseEditValue(fs.text, kind, {\n          allowEmptyString: kind === \"text\",\n        });\n        out[col.name] = parsed;\n      } catch (err) {\n        hadError = true;\n        nextFields[col.name] = {\n          ...fs,\n          error: err instanceof ParseError ? err.message : String(err),\n        };\n      }\n    }\n\n    if (hadError) {\n      setFields(nextFields);\n      return;\n    }\n    onSave(out);\n    onClose();\n  };\n\n  const panel = (\n    <div className=\"fixed inset-0 z-[400] flex justify-end\">\n      <div\n        className=\"absolute inset-0 bg-black/30 backdrop-blur-[1px]\"\n        onClick={onClose}\n      />\n      <div className=\"relative flex h-full w-full max-w-md flex-col border-l border-border bg-card shadow-xl\">\n        <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n          <div>\n            <h2 className=\"text-sm font-semibold text-foreground\">\n              {isInsert ? \"Insert row\" : \"Edit row\"}\n            </h2>\n            <p className=\"text-xs text-muted-foreground\">{schema.name}</p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground\"\n            aria-label=\"Close\"\n          >\n            <IconX className=\"h-4 w-4\" />\n          </button>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-4 py-3\">\n          <div className=\"flex flex-col gap-4\">\n            {schema.columns.map((col) => (\n              <RowField\n                key={col.name}\n                column={col}\n                state={fields[col.name]}\n                isInsert={isInsert}\n                onChange={(patch) => update(col.name, patch)}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-end gap-2 border-t border-border px-4 py-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-md px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={save}\n            className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {isInsert ? \"Stage insert\" : \"Stage changes\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (typeof document === \"undefined\") return null;\n  return createPortal(panel, document.body);\n}\n\nfunction RowField({\n  column,\n  state,\n  isInsert,\n  onChange,\n}: {\n  column: DbAdminColumn;\n  state: FieldState;\n  isInsert: boolean;\n  onChange: (patch: Partial<FieldState>) => void;\n}) {\n  const kind = inferEditorKind(column);\n  const enumValues = inferEnumValues(column);\n  const isGenerated = column.pk && column.autoIncrement;\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex items-center gap-1.5\">\n        {column.pk && <IconKey className=\"h-3 w-3 text-amber-500\" />}\n        <label className=\"text-xs font-medium text-foreground\">\n          {column.name}\n        </label>\n        <span className=\"rounded bg-muted px-1 py-0.5 font-mono text-[10px] text-muted-foreground\">\n          {column.type}\n        </span>\n        {!column.nullable && (\n          <span className=\"text-[10px] text-destructive\">required</span>\n        )}\n        {column.nullable && (\n          <button\n            type=\"button\"\n            onClick={() => onChange({ isNull: !state.isNull })}\n            className={cn(\n              \"ml-auto rounded px-1.5 py-0.5 text-[10px]\",\n              state.isNull\n                ? \"bg-muted text-foreground ring-1 ring-inset ring-border\"\n                : \"text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            {state.isNull ? \"NULL\" : \"set null\"}\n          </button>\n        )}\n      </div>\n\n      {state.isNull ? (\n        <div className=\"flex items-center gap-2 rounded-md border border-dashed border-border bg-muted/30 px-2 py-1.5 text-xs italic text-muted-foreground/70\">\n          NULL\n          <button\n            type=\"button\"\n            onClick={() => onChange({ isNull: false })}\n            className=\"ml-auto text-muted-foreground hover:text-foreground\"\n            aria-label=\"Clear NULL\"\n          >\n            <IconCircleX className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n      ) : enumValues ? (\n        <select\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          className=\"h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\"\n        >\n          <option value=\"\">—</option>\n          {enumValues.map((v) => (\n            <option key={v} value={v}>\n              {v}\n            </option>\n          ))}\n        </select>\n      ) : kind === \"boolean\" ? (\n        <select\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          className=\"h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\"\n        >\n          <option value=\"\">—</option>\n          <option value=\"true\">true</option>\n          <option value=\"false\">false</option>\n        </select>\n      ) : kind === \"json\" ? (\n        <textarea\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          rows={4}\n          spellCheck={false}\n          placeholder={isGenerated ? \"(auto-generated)\" : \"{ }\"}\n          className={cn(\n            \"resize-y rounded-md border border-border bg-background p-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring\",\n            state.error && \"border-destructive\",\n          )}\n        />\n      ) : (\n        <input\n          type=\"text\"\n          inputMode={kind === \"number\" ? \"decimal\" : undefined}\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          placeholder={\n            isGenerated\n              ? \"(auto-generated)\"\n              : column.defaultValue\n                ? `default: ${column.defaultValue}`\n                : \"\"\n          }\n          className={cn(\n            \"h-8 rounded-md border border-border bg-background px-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring\",\n            state.error && \"border-destructive\",\n          )}\n        />\n      )}\n\n      {column.defaultValue && !isGenerated && !state.isNull && (\n        <span className=\"text-[10px] text-muted-foreground/70\">\n          default: {column.defaultValue}\n        </span>\n      )}\n      {isGenerated && (\n        <span className=\"flex items-center gap-1 text-[10px] text-muted-foreground/70\">\n          <IconRefresh className=\"h-3 w-3\" />\n          auto-generated — leave blank\n        </span>\n      )}\n      {state.error && (\n        <span className=\"text-[10px] text-destructive\">{state.error}</span>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"RowSidePanel.js","sourceRoot":"","sources":["../../../src/client/db-admin/RowSidePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IconKey, IconX, IconRefresh, IconCircleX } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  inferEditorKind,\n  inferEnumValues,\n  valueToEditString,\n  parseEditValue,\n  ParseError,\n  type EditorKind,\n} from \"./cell-format.js\";\nimport type {\n  DbAdminColumn,\n  DbAdminTableSchema,\n} from \"../../db-admin/types.js\";\n\nexport type RowSidePanelMode = \"insert\" | \"edit\";\n\nexport interface RowSidePanelProps {\n  schema: DbAdminTableSchema;\n  mode: RowSidePanelMode;\n  /** For edit mode: the original row values. */\n  row?: Record<string, unknown>;\n  /** For edit mode: staged overrides already in the changeset. */\n  staged?: Record<string, unknown>;\n  onClose: () => void;\n  /**\n   * Persist into the changeset. For insert mode `values` is the full new-row\n   * object; for edit mode it is only the changed columns.\n   */\n  onSave: (values: Record<string, unknown>) => void;\n}\n\ntype FieldState = {\n  /** Raw text in the input. */\n  text: string;\n  /** Whether the field is explicitly set to NULL. */\n  isNull: boolean;\n  /** Parse error, if any. */\n  error?: string | null;\n  /** Whether the user has touched this field (insert) — drives \"blank = skip\". */\n  touched: boolean;\n};\n\nfunction initialFieldState(\n  _col: DbAdminColumn,\n  kind: EditorKind,\n  value: unknown,\n  isInsert: boolean,\n): FieldState {\n  const isNull = value === null || value === undefined;\n  return {\n    text: isNull ? \"\" : valueToEditString(value, kind),\n    isNull: isInsert ? false : isNull,\n    touched: false,\n  };\n}\n\nexport function RowSidePanel({\n  schema,\n  mode,\n  row,\n  staged,\n  onClose,\n  onSave,\n}: RowSidePanelProps) {\n  const isInsert = mode === \"insert\";\n  const [fields, setFields] = useState<Record<string, FieldState>>(() => {\n    const init: Record<string, FieldState> = {};\n    for (const col of schema.columns) {\n      const kind = inferEditorKind(col);\n      const original = row?.[col.name];\n      const value =\n        staged && Object.prototype.hasOwnProperty.call(staged, col.name)\n          ? staged[col.name]\n          : original;\n      init[col.name] = initialFieldState(col, kind, value, isInsert);\n    }\n    return init;\n  });\n\n  // Close on Escape.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [onClose]);\n\n  const update = (name: string, patch: Partial<FieldState>) =>\n    setFields((prev) => ({\n      ...prev,\n      [name]: { ...prev[name], ...patch, touched: true },\n    }));\n\n  const save = () => {\n    const out: Record<string, unknown> = {};\n    let hadError = false;\n    const nextFields = { ...fields };\n\n    for (const col of schema.columns) {\n      const kind = inferEditorKind(col);\n      const fs = fields[col.name];\n      const isGenerated = col.pk && col.autoIncrement;\n\n      if (fs.isNull) {\n        // Explicit NULL.\n        if (!isInsert || fs.touched) out[col.name] = null;\n        continue;\n      }\n\n      // Insert: blank, untouched, auto/pk/default columns are left out entirely.\n      if (isInsert && fs.text === \"\" && !fs.touched) {\n        continue;\n      }\n      if (isInsert && fs.text === \"\" && (isGenerated || col.defaultValue)) {\n        continue;\n      }\n\n      // Edit: only include columns the user touched.\n      if (!isInsert && !fs.touched) continue;\n\n      try {\n        const parsed = parseEditValue(fs.text, kind, {\n          allowEmptyString: kind === \"text\",\n        });\n        out[col.name] = parsed;\n      } catch (err) {\n        hadError = true;\n        nextFields[col.name] = {\n          ...fs,\n          error: err instanceof ParseError ? err.message : String(err),\n        };\n      }\n    }\n\n    if (hadError) {\n      setFields(nextFields);\n      return;\n    }\n    onSave(out);\n    onClose();\n  };\n\n  const panel = (\n    <div className=\"fixed inset-0 z-[400] flex justify-end\">\n      <div\n        className=\"absolute inset-0 bg-black/30 backdrop-blur-[1px]\"\n        onClick={onClose}\n      />\n      <div className=\"relative flex h-full w-full max-w-md flex-col border-l border-border bg-card shadow-xl\">\n        <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n          <div>\n            <h2 className=\"text-sm font-semibold text-foreground\">\n              {isInsert ? \"Insert row\" : \"Edit row\"}\n            </h2>\n            <p className=\"text-xs text-muted-foreground\">{schema.name}</p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground\"\n            aria-label=\"Close\"\n          >\n            <IconX className=\"h-4 w-4\" />\n          </button>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto px-4 py-3\">\n          <div className=\"flex flex-col gap-4\">\n            {schema.columns.map((col) => (\n              <RowField\n                key={col.name}\n                column={col}\n                state={fields[col.name]}\n                isInsert={isInsert}\n                onChange={(patch) => update(col.name, patch)}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-end gap-2 border-t border-border px-4 py-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-md px-3 py-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={save}\n            className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {isInsert ? \"Stage insert\" : \"Stage changes\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (typeof document === \"undefined\") return null;\n  return createPortal(panel, document.body);\n}\n\nfunction RowField({\n  column,\n  state,\n  isInsert: _isInsert,\n  onChange,\n}: {\n  column: DbAdminColumn;\n  state: FieldState;\n  isInsert: boolean;\n  onChange: (patch: Partial<FieldState>) => void;\n}) {\n  const kind = inferEditorKind(column);\n  const enumValues = inferEnumValues(column);\n  const isGenerated = column.pk && column.autoIncrement;\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex items-center gap-1.5\">\n        {column.pk && <IconKey className=\"h-3 w-3 text-amber-500\" />}\n        <label className=\"text-xs font-medium text-foreground\">\n          {column.name}\n        </label>\n        <span className=\"rounded bg-muted px-1 py-0.5 font-mono text-[10px] text-muted-foreground\">\n          {column.type}\n        </span>\n        {!column.nullable && (\n          <span className=\"text-[10px] text-destructive\">required</span>\n        )}\n        {column.nullable && (\n          <button\n            type=\"button\"\n            onClick={() => onChange({ isNull: !state.isNull })}\n            className={cn(\n              \"ml-auto rounded px-1.5 py-0.5 text-[10px]\",\n              state.isNull\n                ? \"bg-muted text-foreground ring-1 ring-inset ring-border\"\n                : \"text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            {state.isNull ? \"NULL\" : \"set null\"}\n          </button>\n        )}\n      </div>\n\n      {state.isNull ? (\n        <div className=\"flex items-center gap-2 rounded-md border border-dashed border-border bg-muted/30 px-2 py-1.5 text-xs italic text-muted-foreground/70\">\n          NULL\n          <button\n            type=\"button\"\n            onClick={() => onChange({ isNull: false })}\n            className=\"ml-auto text-muted-foreground hover:text-foreground\"\n            aria-label=\"Clear NULL\"\n          >\n            <IconCircleX className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n      ) : enumValues ? (\n        <select\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          className=\"h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\"\n        >\n          <option value=\"\">—</option>\n          {enumValues.map((v) => (\n            <option key={v} value={v}>\n              {v}\n            </option>\n          ))}\n        </select>\n      ) : kind === \"boolean\" ? (\n        <select\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          className=\"h-8 rounded-md border border-border bg-background px-2 text-xs outline-none focus:ring-1 focus:ring-ring\"\n        >\n          <option value=\"\">—</option>\n          <option value=\"true\">true</option>\n          <option value=\"false\">false</option>\n        </select>\n      ) : kind === \"json\" ? (\n        <textarea\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          rows={4}\n          spellCheck={false}\n          placeholder={isGenerated ? \"(auto-generated)\" : \"{ }\"}\n          className={cn(\n            \"resize-y rounded-md border border-border bg-background p-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring\",\n            state.error && \"border-destructive\",\n          )}\n        />\n      ) : (\n        <input\n          type=\"text\"\n          inputMode={kind === \"number\" ? \"decimal\" : undefined}\n          value={state.text}\n          onChange={(e) => onChange({ text: e.target.value, error: null })}\n          placeholder={\n            isGenerated\n              ? \"(auto-generated)\"\n              : column.defaultValue\n                ? `default: ${column.defaultValue}`\n                : \"\"\n          }\n          className={cn(\n            \"h-8 rounded-md border border-border bg-background px-2 font-mono text-xs outline-none focus:ring-1 focus:ring-ring\",\n            state.error && \"border-destructive\",\n          )}\n        />\n      )}\n\n      {column.defaultValue && !isGenerated && !state.isNull && (\n        <span className=\"text-[10px] text-muted-foreground/70\">\n          default: {column.defaultValue}\n        </span>\n      )}\n      {isGenerated && (\n        <span className=\"flex items-center gap-1 text-[10px] text-muted-foreground/70\">\n          <IconRefresh className=\"h-3 w-3\" />\n          auto-generated — leave blank\n        </span>\n      )}\n      {state.error && (\n        <span className=\"text-[10px] text-destructive\">{state.error}</span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/db-admin/TableEditor.d.ts

@@ -5,5 +5,5 @@ export interface TableEditorProps {
     initialFilters?: DbAdminFilter[];
     onNavigateToRow: (table: string, filters: DbAdminFilter[]) => void;
 }
-export declare function TableEditor({ table, dialect, initialFilters, onNavigateToRow, }: TableEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableEditor({ table, dialect: _dialect, initialFilters, onNavigateToRow, }: TableEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableEditor.d.ts.map

package/dist/client/db-admin/TableEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,2CAqelB"}
+{"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,2CAqelB"}

package/dist/client/db-admin/TableEditor.js

@@ -12,7 +12,7 @@ import { FilterBar } from "./FilterBar.js";
 import { RowSidePanel } from "./RowSidePanel.js";
 const DEFAULT_PAGE_SIZE = 100;
 const PAGE_SIZES = [25, 50, 100, 250, 500];
-export function TableEditor({ table, dialect, initialFilters, onNavigateToRow, }) {
+export function TableEditor({ table, dialect: _dialect, initialFilters, onNavigateToRow, }) {
     // ─── Persisted view state ──────────────────────────────────────────────
     const persisted = useMemo(() => loadGridState(table), [table]);
     const [page, setPage] = useState(1);