@devicai/ui 0.38.0 → 0.39.0

package/dist/cjs/components/CoreMemoryModal/CoreMemoryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoreMemoryModal.js","sources":["../../../../../src/components/CoreMemoryModal/CoreMemoryModal.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { CoreMemoryEntry, CoreMemoryLimits } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\nimport \"./CoreMemoryModal.css\";\n\n/** Canonical sections of the core tier, in display order. */\nconst SECTIONS = [\"persona\", \"instructions\", \"decisions\", \"profile\"] as const;\n\nexport interface CoreMemoryModalProps {\n  /** Whether the modal is visible. */\n  isOpen: boolean;\n  onClose: () => void;\n  /** Assistant whose memory bucket is shown. */\n  assistantId: string;\n  /** Tenant of the end user (falls back to the provider's tenantId). */\n  tenantId?: string;\n  /** Subtenant of the end user (falls back to the provider's subtenantId). */\n  subtenantId?: string;\n  /** API key override (falls back to the provider's). */\n  apiKey?: string;\n  /** Base URL override (falls back to the provider's). */\n  baseUrl?: string;\n  /**\n   * Let the user add, edit and remove entries. Set false for a read-only\n   * view of what the assistant remembers.\n   * @default true\n   */\n  editable?: boolean;\n  /** Modal title. @default \"Assistant memory\" */\n  title?: string;\n}\n\nfunction BrainIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M9.5 2a2.5 2.5 0 0 0-2.45 2A3.5 3.5 0 0 0 4.6 8.6 3.5 3.5 0 0 0 3 11.5c0 1.1.5 2.08 1.29 2.73A3.5 3.5 0 0 0 7 20a3 3 0 0 0 5-2.24V4.5A2.5 2.5 0 0 0 9.5 2Z\" />\n      <path d=\"M14.5 2a2.5 2.5 0 0 1 2.45 2 3.5 3.5 0 0 1 2.45 4.6A3.5 3.5 0 0 1 21 11.5a3.49 3.49 0 0 1-1.29 2.73A3.5 3.5 0 0 1 17 20a3 3 0 0 1-5-2.24V4.5A2.5 2.5 0 0 1 14.5 2Z\" />\n    </svg>\n  );\n}\n\nfunction PinIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"11\"\n      height=\"11\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M16 3a1 1 0 0 1 .97 1.243l-1.2 4.8 3.937 3.938A1 1 0 0 1 19 14.688V15a1 1 0 0 1-1 1h-5v6l-1 1-1-1v-6H6a1 1 0 0 1-1-1v-.312a1 1 0 0 1 .293-.707L9.23 9.043l-1.2-4.8A1 1 0 0 1 9 3h7Z\" />\n    </svg>\n  );\n}\n\n/**\n * Modal showing — and, when `editable`, managing — the core memory of an\n * assistant for a tenant/subtenant combination: the standing entries\n * (persona, instructions, decisions, profile) injected into every prompt of\n * the bucket the assistant resolves there. Lets the end user see and control\n * what the assistant permanently remembers about them.\n *\n * Backed by the public memory API (`/api/v1/memory/assistants/:id/core`);\n * the API key needs that endpoint allowed.\n */\nexport function CoreMemoryModal({\n  isOpen,\n  onClose,\n  assistantId,\n  tenantId,\n  subtenantId,\n  apiKey,\n  baseUrl,\n  editable = true,\n  title = \"Assistant memory\",\n}: CoreMemoryModalProps): JSX.Element | null {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || \"https://api.devic.ai\";\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedSubtenantId = subtenantId || context?.subtenantId;\n\n  const client = useMemo(\n    () =>\n      resolvedApiKey\n        ? new DevicApiClient({\n            apiKey: resolvedApiKey,\n            baseUrl: resolvedBaseUrl,\n          })\n        : null,\n    [resolvedApiKey, resolvedBaseUrl]\n  );\n\n  const [loading, setLoading] = useState(false);\n  const [enabled, setEnabled] = useState(true);\n  const [entries, setEntries] = useState<CoreMemoryEntry[]>([]);\n  const [limits, setLimits] = useState<CoreMemoryLimits | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  // Inline composer / editor state\n  const [composerOpen, setComposerOpen] = useState(false);\n  const [composerSection, setComposerSection] = useState<string>(\"profile\");\n  const [composerText, setComposerText] = useState(\"\");\n  const [editingId, setEditingId] = useState<number | null>(null);\n  const [editingText, setEditingText] = useState(\"\");\n\n  const scopeOptions = useMemo(\n    () => ({\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const refresh = useCallback(async () => {\n    if (!client) {\n      setError(\"API key not configured\");\n      return;\n    }\n    setLoading(true);\n    setError(null);\n    try {\n      const list = await client.getCoreMemory(assistantId, scopeOptions);\n      setEnabled(list.enabled);\n      setEntries(list.entries);\n      setLimits(list.limits ?? null);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setLoading(false);\n    }\n  }, [client, assistantId, scopeOptions]);\n\n  // Fetch on every open (memory may have changed since the last look).\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen && !wasOpenRef.current) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n      setEditingId(null);\n      void refresh();\n    }\n    wasOpenRef.current = isOpen;\n  }, [isOpen, refresh]);\n\n  // Escape closes\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isOpen, onClose]);\n\n  const runWrite = useCallback(\n    async (write: () => Promise<unknown>) => {\n      setSaving(true);\n      setError(null);\n      try {\n        await write();\n        await refresh();\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n        return false;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [refresh]\n  );\n\n  const handleAdd = async () => {\n    if (!client || !composerText.trim()) return;\n    const ok = await runWrite(() =>\n      client.addCoreMemoryEntry(\n        assistantId,\n        { content: composerText.trim(), section: composerSection },\n        scopeOptions\n      )\n    );\n    if (ok) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n    }\n  };\n\n  const handleSaveEdit = async (entry: CoreMemoryEntry) => {\n    if (!client || !editingText.trim()) return;\n    const ok = await runWrite(() =>\n      client.updateCoreMemoryEntry(\n        assistantId,\n        entry.id,\n        { content: editingText.trim() },\n        scopeOptions\n      )\n    );\n    if (ok) setEditingId(null);\n  };\n\n  const handleRemove = async (entry: CoreMemoryEntry) => {\n    if (!client) return;\n    await runWrite(() =>\n      client.deleteCoreMemoryEntry(assistantId, entry.id, scopeOptions)\n    );\n  };\n\n  if (!isOpen) return null;\n\n  // Group entries by section, canonical sections first.\n  const sections: Array<{ name: string; entries: CoreMemoryEntry[] }> = [];\n  const bySection = new Map<string, CoreMemoryEntry[]>();\n  for (const entry of entries) {\n    const list = bySection.get(entry.section);\n    if (list) list.push(entry);\n    else bySection.set(entry.section, [entry]);\n  }\n  for (const name of SECTIONS) {\n    const list = bySection.get(name);\n    if (list) {\n      sections.push({ name, entries: list });\n      bySection.delete(name);\n    }\n  }\n  for (const [name, list] of bySection) sections.push({ name, entries: list });\n\n  return createPortal(\n    <div className=\"devic-cm-overlay\" onClick={onClose}>\n      <div\n        className=\"devic-cm-modal\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label=\"Close\"\n          >\n            ×\n          </button>\n        </div>\n\n        <div className=\"devic-cm-body\">\n          {error && <div className=\"devic-cm-error\">{error}</div>}\n\n          {loading ? (\n            <div className=\"devic-cm-loading\">Loading memory…</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">\n              Memory is not enabled for this assistant.\n            </div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">\n              Nothing remembered yet. What the assistant learns and is told to\n              keep will appear here.\n            </div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">{section.name}</div>\n                {section.entries.map((entry) => (\n                  <div key={entry.id} className=\"devic-cm-entry\">\n                    {editingId === entry.id ? (\n                      <div className=\"devic-cm-editor\">\n                        <textarea\n                          className=\"devic-cm-textarea\"\n                          value={editingText}\n                          maxLength={limits?.maxEntryChars || undefined}\n                          onChange={(e) => setEditingText(e.target.value)}\n                          disabled={saving}\n                          autoFocus\n                        />\n                        <div className=\"devic-cm-editor-actions\">\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn devic-cm-btn-primary\"\n                            onClick={() => handleSaveEdit(entry)}\n                            disabled={saving || !editingText.trim()}\n                          >\n                            Save\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            Cancel\n                          </button>\n                        </div>\n                      </div>\n                    ) : (\n                      <>\n                        <div className=\"devic-cm-entry-content\">\n                          {entry.pinned && (\n                            <span\n                              className=\"devic-cm-pin\"\n                              title=\"Pinned: always kept, never changed by the assistant\"\n                            >\n                              <PinIcon />\n                            </span>\n                          )}\n                          <span>{entry.content}</span>\n                        </div>\n                        {editable && (\n                          <div className=\"devic-cm-entry-actions\">\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small\"\n                              onClick={() => {\n                                setEditingId(entry.id);\n                                setEditingText(entry.content);\n                              }}\n                              disabled={saving}\n                            >\n                              Edit\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small devic-cm-btn-danger\"\n                              onClick={() => handleRemove(entry)}\n                              disabled={saving}\n                            >\n                              Remove\n                            </button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                ))}\n              </div>\n            ))\n          )}\n\n          {editable && enabled && !loading && (\n            <div className=\"devic-cm-composer\">\n              {composerOpen ? (\n                <>\n                  <div className=\"devic-cm-composer-row\">\n                    <select\n                      className=\"devic-cm-select\"\n                      value={composerSection}\n                      onChange={(e) => setComposerSection(e.target.value)}\n                      disabled={saving}\n                    >\n                      {SECTIONS.map((s) => (\n                        <option key={s} value={s}>\n                          {s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder=\"Something the assistant should always remember…\"\n                    value={composerText}\n                    maxLength={limits?.maxEntryChars || undefined}\n                    onChange={(e) => setComposerText(e.target.value)}\n                    disabled={saving}\n                    autoFocus\n                  />\n                  <div className=\"devic-cm-editor-actions\">\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn devic-cm-btn-primary\"\n                      onClick={handleAdd}\n                      disabled={saving || !composerText.trim()}\n                    >\n                      Add\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn\"\n                      onClick={() => {\n                        setComposerOpen(false);\n                        setComposerText(\"\");\n                      }}\n                      disabled={saving}\n                    >\n                      Cancel\n                    </button>\n                  </div>\n                </>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"devic-cm-btn\"\n                  onClick={() => setComposerOpen(true)}\n                  disabled={saving}\n                >\n                  + Add memory\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {entries.length}/{limits.maxEntries} entries · up to{\" \"}\n            {limits.maxEntryChars} characters each\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","useOptionalDevicContext","client","useMemo","DevicApiClient","useState","useCallback","useRef","useEffect","createPortal","_Fragment"],"mappings":"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"}
+{"version":3,"file":"CoreMemoryModal.js","sources":["../../../../../src/components/CoreMemoryModal/CoreMemoryModal.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { DevicApiClient } from \"../../api/client\";\nimport type { CoreMemoryEntry, CoreMemoryLimits } from \"../../api/types\";\nimport { useOptionalDevicContext } from \"../../provider\";\nimport { themeVars, type DevicTheme } from \"../theme\";\nimport \"./CoreMemoryModal.css\";\n\n/** Canonical sections of the core tier, in display order. */\nconst SECTIONS = [\"persona\", \"instructions\", \"decisions\", \"profile\"] as const;\n\nexport interface CoreMemoryModalProps {\n  /** Whether the modal is visible. */\n  isOpen: boolean;\n  onClose: () => void;\n  /** Assistant whose memory bucket is shown. */\n  assistantId: string;\n  /** Tenant of the end user (falls back to the provider's tenantId). */\n  tenantId?: string;\n  /** Subtenant of the end user (falls back to the provider's subtenantId). */\n  subtenantId?: string;\n  /** API key override (falls back to the provider's). */\n  apiKey?: string;\n  /** Base URL override (falls back to the provider's). */\n  baseUrl?: string;\n  /**\n   * Let the user add, edit and remove entries. Set false for a read-only\n   * view of what the assistant remembers.\n   * @default true\n   */\n  editable?: boolean;\n  /** Modal title. @default \"Assistant memory\" */\n  title?: string;\n  /**\n   * Colours and font. Same names as the drawer's style options, and the drawer\n   * passes its own down — a dialog opening in the default light palette over a\n   * themed application is the one thing this must not do.\n   */\n  theme?: DevicTheme;\n}\n\nfunction BrainIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M9.5 2a2.5 2.5 0 0 0-2.45 2A3.5 3.5 0 0 0 4.6 8.6 3.5 3.5 0 0 0 3 11.5c0 1.1.5 2.08 1.29 2.73A3.5 3.5 0 0 0 7 20a3 3 0 0 0 5-2.24V4.5A2.5 2.5 0 0 0 9.5 2Z\" />\n      <path d=\"M14.5 2a2.5 2.5 0 0 1 2.45 2 3.5 3.5 0 0 1 2.45 4.6A3.5 3.5 0 0 1 21 11.5a3.49 3.49 0 0 1-1.29 2.73A3.5 3.5 0 0 1 17 20a3 3 0 0 1-5-2.24V4.5A2.5 2.5 0 0 1 14.5 2Z\" />\n    </svg>\n  );\n}\n\nfunction PinIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"11\"\n      height=\"11\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M16 3a1 1 0 0 1 .97 1.243l-1.2 4.8 3.937 3.938A1 1 0 0 1 19 14.688V15a1 1 0 0 1-1 1h-5v6l-1 1-1-1v-6H6a1 1 0 0 1-1-1v-.312a1 1 0 0 1 .293-.707L9.23 9.043l-1.2-4.8A1 1 0 0 1 9 3h7Z\" />\n    </svg>\n  );\n}\n\n/**\n * Modal showing — and, when `editable`, managing — the core memory of an\n * assistant for a tenant/subtenant combination: the standing entries\n * (persona, instructions, decisions, profile) injected into every prompt of\n * the bucket the assistant resolves there. Lets the end user see and control\n * what the assistant permanently remembers about them.\n *\n * Backed by the public memory API (`/api/v1/memory/assistants/:id/core`);\n * the API key needs that endpoint allowed.\n */\nexport function CoreMemoryModal({\n  isOpen,\n  onClose,\n  assistantId,\n  tenantId,\n  subtenantId,\n  apiKey,\n  baseUrl,\n  editable = true,\n  title = \"Assistant memory\",\n  theme,\n}: CoreMemoryModalProps): JSX.Element | null {\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || \"https://api.devic.ai\";\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedSubtenantId = subtenantId || context?.subtenantId;\n\n  const client = useMemo(\n    () =>\n      resolvedApiKey\n        ? new DevicApiClient({\n            apiKey: resolvedApiKey,\n            baseUrl: resolvedBaseUrl,\n          })\n        : null,\n    [resolvedApiKey, resolvedBaseUrl]\n  );\n\n  const [loading, setLoading] = useState(false);\n  const [enabled, setEnabled] = useState(true);\n  const [entries, setEntries] = useState<CoreMemoryEntry[]>([]);\n  const [limits, setLimits] = useState<CoreMemoryLimits | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  // Inline composer / editor state\n  const [composerOpen, setComposerOpen] = useState(false);\n  const [composerSection, setComposerSection] = useState<string>(\"profile\");\n  const [composerText, setComposerText] = useState(\"\");\n  const [editingId, setEditingId] = useState<number | null>(null);\n  const [editingText, setEditingText] = useState(\"\");\n\n  const scopeOptions = useMemo(\n    () => ({\n      tenantId: resolvedTenantId || undefined,\n      subtenantId: resolvedSubtenantId || undefined,\n    }),\n    [resolvedTenantId, resolvedSubtenantId]\n  );\n\n  const refresh = useCallback(async () => {\n    if (!client) {\n      setError(\"API key not configured\");\n      return;\n    }\n    setLoading(true);\n    setError(null);\n    try {\n      const list = await client.getCoreMemory(assistantId, scopeOptions);\n      setEnabled(list.enabled);\n      setEntries(list.entries);\n      setLimits(list.limits ?? null);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setLoading(false);\n    }\n  }, [client, assistantId, scopeOptions]);\n\n  // Fetch on every open (memory may have changed since the last look).\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen && !wasOpenRef.current) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n      setEditingId(null);\n      void refresh();\n    }\n    wasOpenRef.current = isOpen;\n  }, [isOpen, refresh]);\n\n  // Escape closes\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [isOpen, onClose]);\n\n  const runWrite = useCallback(\n    async (write: () => Promise<unknown>) => {\n      setSaving(true);\n      setError(null);\n      try {\n        await write();\n        await refresh();\n        return true;\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n        return false;\n      } finally {\n        setSaving(false);\n      }\n    },\n    [refresh]\n  );\n\n  const handleAdd = async () => {\n    if (!client || !composerText.trim()) return;\n    const ok = await runWrite(() =>\n      client.addCoreMemoryEntry(\n        assistantId,\n        { content: composerText.trim(), section: composerSection },\n        scopeOptions\n      )\n    );\n    if (ok) {\n      setComposerOpen(false);\n      setComposerText(\"\");\n    }\n  };\n\n  const handleSaveEdit = async (entry: CoreMemoryEntry) => {\n    if (!client || !editingText.trim()) return;\n    const ok = await runWrite(() =>\n      client.updateCoreMemoryEntry(\n        assistantId,\n        entry.id,\n        { content: editingText.trim() },\n        scopeOptions\n      )\n    );\n    if (ok) setEditingId(null);\n  };\n\n  const handleRemove = async (entry: CoreMemoryEntry) => {\n    if (!client) return;\n    await runWrite(() =>\n      client.deleteCoreMemoryEntry(assistantId, entry.id, scopeOptions)\n    );\n  };\n\n  if (!isOpen) return null;\n\n  // Group entries by section, canonical sections first.\n  const sections: Array<{ name: string; entries: CoreMemoryEntry[] }> = [];\n  const bySection = new Map<string, CoreMemoryEntry[]>();\n  for (const entry of entries) {\n    const list = bySection.get(entry.section);\n    if (list) list.push(entry);\n    else bySection.set(entry.section, [entry]);\n  }\n  for (const name of SECTIONS) {\n    const list = bySection.get(name);\n    if (list) {\n      sections.push({ name, entries: list });\n      bySection.delete(name);\n    }\n  }\n  for (const [name, list] of bySection) sections.push({ name, entries: list });\n\n  return createPortal(\n    // The variables go on the overlay: a portal inherits nothing from the\n    // drawer that opened it, so without this the dialog ignores the theme.\n    <div\n      className=\"devic-cm-overlay\"\n      style={themeVars(theme)}\n      onClick={onClose}\n    >\n      <div\n        className=\"devic-cm-modal\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"devic-cm-header\">\n          <h3 className=\"devic-cm-title\">\n            <BrainIcon />\n            {title}\n          </h3>\n          <button\n            className=\"devic-cm-close\"\n            onClick={onClose}\n            type=\"button\"\n            aria-label=\"Close\"\n          >\n            ×\n          </button>\n        </div>\n\n        <div className=\"devic-cm-body\">\n          {error && <div className=\"devic-cm-error\">{error}</div>}\n\n          {loading ? (\n            <div className=\"devic-cm-loading\">Loading memory…</div>\n          ) : !enabled ? (\n            <div className=\"devic-cm-empty\">\n              Memory is not enabled for this assistant.\n            </div>\n          ) : entries.length === 0 && !composerOpen ? (\n            <div className=\"devic-cm-empty\">\n              Nothing remembered yet. What the assistant learns and is told to\n              keep will appear here.\n            </div>\n          ) : (\n            sections.map((section) => (\n              <div key={section.name} className=\"devic-cm-section\">\n                <div className=\"devic-cm-section-title\">{section.name}</div>\n                {section.entries.map((entry) => (\n                  <div key={entry.id} className=\"devic-cm-entry\">\n                    {editingId === entry.id ? (\n                      <div className=\"devic-cm-editor\">\n                        <textarea\n                          className=\"devic-cm-textarea\"\n                          value={editingText}\n                          maxLength={limits?.maxEntryChars || undefined}\n                          onChange={(e) => setEditingText(e.target.value)}\n                          disabled={saving}\n                          autoFocus\n                        />\n                        <div className=\"devic-cm-editor-actions\">\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn devic-cm-btn-primary\"\n                            onClick={() => handleSaveEdit(entry)}\n                            disabled={saving || !editingText.trim()}\n                          >\n                            Save\n                          </button>\n                          <button\n                            type=\"button\"\n                            className=\"devic-cm-btn\"\n                            onClick={() => setEditingId(null)}\n                            disabled={saving}\n                          >\n                            Cancel\n                          </button>\n                        </div>\n                      </div>\n                    ) : (\n                      <>\n                        <div className=\"devic-cm-entry-content\">\n                          {entry.pinned && (\n                            <span\n                              className=\"devic-cm-pin\"\n                              title=\"Pinned: always kept, never changed by the assistant\"\n                            >\n                              <PinIcon />\n                            </span>\n                          )}\n                          <span>{entry.content}</span>\n                        </div>\n                        {editable && (\n                          <div className=\"devic-cm-entry-actions\">\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small\"\n                              onClick={() => {\n                                setEditingId(entry.id);\n                                setEditingText(entry.content);\n                              }}\n                              disabled={saving}\n                            >\n                              Edit\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"devic-cm-btn devic-cm-btn-small devic-cm-btn-danger\"\n                              onClick={() => handleRemove(entry)}\n                              disabled={saving}\n                            >\n                              Remove\n                            </button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                ))}\n              </div>\n            ))\n          )}\n\n          {editable && enabled && !loading && (\n            <div className=\"devic-cm-composer\">\n              {composerOpen ? (\n                <>\n                  <div className=\"devic-cm-composer-row\">\n                    <select\n                      className=\"devic-cm-select\"\n                      value={composerSection}\n                      onChange={(e) => setComposerSection(e.target.value)}\n                      disabled={saving}\n                    >\n                      {SECTIONS.map((s) => (\n                        <option key={s} value={s}>\n                          {s}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                  <textarea\n                    className=\"devic-cm-textarea\"\n                    placeholder=\"Something the assistant should always remember…\"\n                    value={composerText}\n                    maxLength={limits?.maxEntryChars || undefined}\n                    onChange={(e) => setComposerText(e.target.value)}\n                    disabled={saving}\n                    autoFocus\n                  />\n                  <div className=\"devic-cm-editor-actions\">\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn devic-cm-btn-primary\"\n                      onClick={handleAdd}\n                      disabled={saving || !composerText.trim()}\n                    >\n                      Add\n                    </button>\n                    <button\n                      type=\"button\"\n                      className=\"devic-cm-btn\"\n                      onClick={() => {\n                        setComposerOpen(false);\n                        setComposerText(\"\");\n                      }}\n                      disabled={saving}\n                    >\n                      Cancel\n                    </button>\n                  </div>\n                </>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"devic-cm-btn\"\n                  onClick={() => setComposerOpen(true)}\n                  disabled={saving}\n                >\n                  + Add memory\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {limits && enabled && (\n          <div className=\"devic-cm-footer\">\n            {entries.length}/{limits.maxEntries} entries · up to{\" \"}\n            {limits.maxEntryChars} characters each\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport default CoreMemoryModal;\n"],"names":["_jsxs","_jsx","theme","useOptionalDevicContext","client","useMemo","DevicApiClient","useState","useCallback","useRef","useEffect","createPortal","themeVars","_Fragment"],"mappings":"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"}

package/dist/cjs/components/IntegrationsModal/IntegrationLogo.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+/**
+ * An app's real logo, with its initial as the fallback.
+ *
+ * The URL comes from the provider and is fetched from whatever host it names,
+ * so a broken one is a matter of when, not if — and a broken-image icon in
+ * someone else's product looks like our bug. The failed state is kept per logo
+ * rather than in the list, so one dead URL never blanks the rest.
+ */
+function IntegrationLogo({ integration, className = "", }) {
+    const [broken, setBroken] = React.useState(false);
+    if (!integration.logo || broken) {
+        return (jsxRuntime.jsx("span", { className: `devic-int-logo devic-int-logo-fallback ${className}`.trim(), "aria-hidden": "true", children: (integration.name || integration.app).charAt(0).toUpperCase() }));
+    }
+    return (jsxRuntime.jsx("img", { className: `devic-int-logo ${className}`.trim(), src: integration.logo, alt: "", "aria-hidden": "true", onError: () => setBroken(true) }));
+}
+
+exports.IntegrationLogo = IntegrationLogo;
+//# sourceMappingURL=IntegrationLogo.js.map

package/dist/cjs/components/IntegrationsModal/IntegrationLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationLogo.js","sources":["../../../../../src/components/IntegrationsModal/IntegrationLogo.tsx"],"sourcesContent":["import { useState, type JSX } from \"react\";\nimport type { Integration } from \"../../api/types\";\n\nexport interface IntegrationLogoProps {\n  integration: Integration;\n  className?: string;\n}\n\n/**\n * An app's real logo, with its initial as the fallback.\n *\n * The URL comes from the provider and is fetched from whatever host it names,\n * so a broken one is a matter of when, not if — and a broken-image icon in\n * someone else's product looks like our bug. The failed state is kept per logo\n * rather than in the list, so one dead URL never blanks the rest.\n */\nexport function IntegrationLogo({\n  integration,\n  className = \"\",\n}: IntegrationLogoProps): JSX.Element {\n  const [broken, setBroken] = useState(false);\n\n  if (!integration.logo || broken) {\n    return (\n      <span\n        className={`devic-int-logo devic-int-logo-fallback ${className}`.trim()}\n        aria-hidden=\"true\"\n      >\n        {(integration.name || integration.app).charAt(0).toUpperCase()}\n      </span>\n    );\n  }\n\n  return (\n    <img\n      className={`devic-int-logo ${className}`.trim()}\n      src={integration.logo}\n      alt=\"\"\n      aria-hidden=\"true\"\n      onError={() => setBroken(true)}\n    />\n  );\n}\n\nexport default IntegrationLogo;\n"],"names":["useState","_jsx"],"mappings":";;;;;AAQA;;;;;;;AAOG;AACG,SAAU,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,GAAG,EAAE,GACO,EAAA;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAE3C,IAAA,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,MAAM,EAAE;AAC/B,QAAA,QACEC,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,0CAA0C,SAAS,CAAA,CAAE,CAAC,IAAI,EAAE,EAAA,aAAA,EAC3D,MAAM,EAAA,QAAA,EAEjB,CAAC,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAA,CACzD;IAEX;AAEA,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,kBAAkB,SAAS,CAAA,CAAE,CAAC,IAAI,EAAE,EAC/C,GAAG,EAAE,WAAW,CAAC,IAAI,EACrB,GAAG,EAAC,EAAE,EAAA,aAAA,EACM,MAAM,EAClB,OAAO,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAAA,CAC9B;AAEN;;;;"}

package/dist/cjs/components/IntegrationsModal/IntegrationsLauncher.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var IntegrationLogo = require('./IntegrationLogo.js');
+
+/** How many logos fit before the rest are counted instead. */
+const DEFAULT_MAX_LOGOS = 6;
+/** Connected first: with more apps than fit, those are the ones worth showing. */
+function order(integrations) {
+    return [...integrations].sort((a, b) => {
+        if (a.connected !== b.connected)
+            return a.connected ? -1 : 1;
+        return 0;
+    });
+}
+/**
+ * Logos a row this wide can afford.
+ *
+ * The stack shares the drawer header with a title, the conversation picker and
+ * two more buttons, and a 400px drawer is the common case. Six logos there push
+ * the picker down to a stub — so on a narrow header the count drops and the
+ * `+N` box absorbs the difference, which is what it is for.
+ */
+function logosThatFit(hostWidth, max) {
+    if (!hostWidth)
+        return max;
+    if (hostWidth >= 520)
+        return max;
+    if (hostWidth >= 460)
+        return Math.min(max, 5);
+    return Math.min(max, 4);
+}
+/**
+ * The header control that opens the connected-apps modal, drawn as the real
+ * logos of the apps on offer.
+ *
+ * It renders nothing until the server has confirmed the assistant offers apps
+ * to its tenants. A button that opens an empty dialog is worse than no button:
+ * it promises the end user something the assistant was never configured to
+ * give them.
+ */
+function IntegrationsLauncher({ state, onClick, label = "Connected apps", maxLogos = DEFAULT_MAX_LOGOS, dark = false, className = "", }) {
+    const sorted = React.useMemo(() => order(state.integrations), [state.integrations]);
+    const ref = React.useRef(null);
+    const [fit, setFit] = React.useState(maxLogos);
+    React.useEffect(() => {
+        const host = ref.current?.closest(".devic-drawer-header") ??
+            ref.current?.parentElement;
+        if (!host || typeof ResizeObserver === "undefined")
+            return;
+        const measure = () => setFit(logosThatFit(host.getBoundingClientRect().width, maxLogos));
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(host);
+        return () => observer.disconnect();
+    }, [maxLogos, state.offered]);
+    if (!state.offered || sorted.length === 0)
+        return null;
+    const shown = sorted.slice(0, Math.max(1, fit));
+    const extra = sorted.length - shown.length;
+    const connected = sorted.filter((i) => i.connected).length;
+    return (jsxRuntime.jsxs("button", { type: "button", ref: ref, className: `devic-int-launcher ${className}`.trim(), "data-dark": dark, onClick: onClick, title: label, "aria-label": `${label} (${connected}/${sorted.length} connected)`, children: [shown.map((integration) => (jsxRuntime.jsx("span", { className: "devic-int-launcher-item", "data-connected": integration.connected, title: integration.name, children: jsxRuntime.jsx(IntegrationLogo.IntegrationLogo, { integration: integration, className: "devic-int-launcher-logo" }) }, integration.app))), extra > 0 && (jsxRuntime.jsxs("span", { className: "devic-int-launcher-item devic-int-launcher-more", children: ["+", extra] }))] }));
+}
+
+exports.DEFAULT_MAX_LOGOS = DEFAULT_MAX_LOGOS;
+exports.IntegrationsLauncher = IntegrationsLauncher;
+//# sourceMappingURL=IntegrationsLauncher.js.map

package/dist/cjs/components/IntegrationsModal/IntegrationsLauncher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsLauncher.js","sources":["../../../../../src/components/IntegrationsModal/IntegrationsLauncher.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type JSX } from \"react\";\nimport type { Integration } from \"../../api/types\";\nimport { IntegrationLogo } from \"./IntegrationLogo\";\nimport type { IntegrationsState } from \"./useIntegrations\";\nimport \"./IntegrationsModal.css\";\n\n/** How many logos fit before the rest are counted instead. */\nexport const DEFAULT_MAX_LOGOS = 6;\n\nexport interface IntegrationsLauncherProps {\n  /** Shared listing, so this and the modal load the catalogue once. */\n  state: IntegrationsState;\n  onClick: () => void;\n  /** Tooltip and accessible name. @default \"Connected apps\" */\n  label?: string;\n  /** Logos shown before the `+N` box. @default 6 */\n  maxLogos?: number;\n  /**\n   * Whether the surrounding surface is dark, so the logo chips go light. Many\n   * app logos are solid black on transparency and vanish otherwise.\n   */\n  dark?: boolean;\n  className?: string;\n}\n\n/** Connected first: with more apps than fit, those are the ones worth showing. */\nfunction order(integrations: Integration[]): Integration[] {\n  return [...integrations].sort((a, b) => {\n    if (a.connected !== b.connected) return a.connected ? -1 : 1;\n    return 0;\n  });\n}\n\n/**\n * Logos a row this wide can afford.\n *\n * The stack shares the drawer header with a title, the conversation picker and\n * two more buttons, and a 400px drawer is the common case. Six logos there push\n * the picker down to a stub — so on a narrow header the count drops and the\n * `+N` box absorbs the difference, which is what it is for.\n */\nfunction logosThatFit(hostWidth: number, max: number): number {\n  if (!hostWidth) return max;\n  if (hostWidth >= 520) return max;\n  if (hostWidth >= 460) return Math.min(max, 5);\n  return Math.min(max, 4);\n}\n\n/**\n * The header control that opens the connected-apps modal, drawn as the real\n * logos of the apps on offer.\n *\n * It renders nothing until the server has confirmed the assistant offers apps\n * to its tenants. A button that opens an empty dialog is worse than no button:\n * it promises the end user something the assistant was never configured to\n * give them.\n */\nexport function IntegrationsLauncher({\n  state,\n  onClick,\n  label = \"Connected apps\",\n  maxLogos = DEFAULT_MAX_LOGOS,\n  dark = false,\n  className = \"\",\n}: IntegrationsLauncherProps): JSX.Element | null {\n  const sorted = useMemo(() => order(state.integrations), [state.integrations]);\n  const ref = useRef<HTMLButtonElement>(null);\n  const [fit, setFit] = useState(maxLogos);\n\n  useEffect(() => {\n    const host =\n      ref.current?.closest(\".devic-drawer-header\") ??\n      ref.current?.parentElement;\n    if (!host || typeof ResizeObserver === \"undefined\") return;\n    const measure = () =>\n      setFit(logosThatFit(host.getBoundingClientRect().width, maxLogos));\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(host);\n    return () => observer.disconnect();\n  }, [maxLogos, state.offered]);\n\n  if (!state.offered || sorted.length === 0) return null;\n\n  const shown = sorted.slice(0, Math.max(1, fit));\n  const extra = sorted.length - shown.length;\n  const connected = sorted.filter((i) => i.connected).length;\n\n  return (\n    <button\n      type=\"button\"\n      ref={ref}\n      className={`devic-int-launcher ${className}`.trim()}\n      data-dark={dark}\n      onClick={onClick}\n      title={label}\n      aria-label={`${label} (${connected}/${sorted.length} connected)`}\n    >\n      {shown.map((integration) => (\n        <span\n          key={integration.app}\n          className=\"devic-int-launcher-item\"\n          // Dimmed until connected, so the stack doubles as the status: the\n          // end user can see at a glance which of their apps are set up.\n          data-connected={integration.connected}\n          title={integration.name}\n        >\n          <IntegrationLogo\n            integration={integration}\n            className=\"devic-int-launcher-logo\"\n          />\n        </span>\n      ))}\n      {extra > 0 && (\n        <span className=\"devic-int-launcher-item devic-int-launcher-more\">\n          +{extra}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport default IntegrationsLauncher;\n"],"names":["useMemo","useRef","useState","useEffect","_jsxs","_jsx","IntegrationLogo"],"mappings":"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"}

package/dist/cjs/components/IntegrationsModal/IntegrationsModal.js

@@ -3,12 +3,16 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactDom = require('react-dom');
-var client = require('../../api/client.js');
-var DevicContext = require('../../provider/DevicContext.js');
+var theme = require('../theme.js');
+var IntegrationLogo = require('./IntegrationLogo.js');
+var useIntegrations = require('./useIntegrations.js');
 
 function PlugIcon() {
     return (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [jsxRuntime.jsx("path", { d: "M12 22v-5" }), jsxRuntime.jsx("path", { d: "M9 8V2" }), jsxRuntime.jsx("path", { d: "M15 8V2" }), jsxRuntime.jsx("path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z" })] }));
 }
+function SearchIcon() {
+    return (jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }), jsxRuntime.jsx("path", { d: "m20 20-3.5-3.5" })] }));
+}
 /** A random value tying an OAuth round trip to the window that started it. */
 function newNonce() {
     const c = typeof crypto !== "undefined" ? crypto : undefined;
@@ -33,6 +37,14 @@ function accountLabel(account) {
         return account.status.toLowerCase();
     return `connected ${when.toLocaleDateString()}`;
 }
+function matches(integration, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return true;
+    return (integration.name.toLowerCase().includes(q) ||
+        integration.app.toLowerCase().includes(q) ||
+        (integration.description ?? "").toLowerCase().includes(q));
+}
 /**
  * Modal where the END USER of an application manages their *own* third-party
  * accounts: the apps the developer offered to tenants of this assistant, each
@@ -49,70 +61,55 @@ function accountLabel(account) {
  * after the round trip is what gets it blocked. When it is blocked anyway, the
  * URL is offered as a link instead.
  */
-function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId, apiKey, baseUrl, title = "Connected apps", onChange, }) {
-    const context = DevicContext.useOptionalDevicContext();
-    const resolvedApiKey = apiKey || context?.apiKey;
-    const resolvedBaseUrl = baseUrl || context?.baseUrl || "https://api.devic.ai";
-    const resolvedTenantId = tenantId || context?.tenantId;
-    const resolvedSubtenantId = subtenantId || context?.subtenantId;
-    const client$1 = React.useMemo(() => resolvedApiKey
-        ? new client.DevicApiClient({
-            apiKey: resolvedApiKey,
-            baseUrl: resolvedBaseUrl,
-        })
-        : null, [resolvedApiKey, resolvedBaseUrl]);
-    const scopeOptions = React.useMemo(() => ({
+function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId, apiKey, baseUrl, title = "Connected apps", searchPlaceholder = "Search connected apps", onChange, theme: theme$1, state, }) {
+    // Hooks cannot be skipped, so the fallback is always built and only fetches
+    // when nobody handed a listing down.
+    const own = useIntegrations.useIntegrations({
         assistantId,
-        tenantId: resolvedTenantId || undefined,
-        subtenantId: resolvedSubtenantId || undefined,
-    }), [assistantId, resolvedTenantId, resolvedSubtenantId]);
-    const [loading, setLoading] = React.useState(false);
-    const [integrations, setIntegrations] = React.useState([]);
-    const [error, setError] = React.useState(null);
+        tenantId,
+        subtenantId,
+        apiKey,
+        baseUrl,
+        enabled: isOpen && !state,
+    });
+    const { integrations, loading, error: loadError, refresh, client, scope } = state ?? own;
+    /** Errors from connecting or disconnecting, kept apart from load failures. */
+    const [actionError, setActionError] = React.useState(null);
+    const error = actionError ?? loadError;
     /** App slug with a connect/disconnect in flight, so only its card is busy. */
     const [busyApp, setBusyApp] = React.useState(null);
     /** Authorization URL surfaced as a link when the popup was blocked. */
     const [blockedUrl, setBlockedUrl] = React.useState(null);
-    /**
-     * Apps whose logo failed to load. The URL comes from the provider and is
-     * fetched from whatever host it names, so a broken one is a matter of when,
-     * not if — and a broken-image icon in someone else's product looks like our
-     * bug.
-     */
-    const [brokenLogos, setBrokenLogos] = React.useState([]);
-    const refresh = React.useCallback(async (dropCache = false) => {
-        if (!client$1) {
-            setError("API key not configured");
-            return;
-        }
-        setLoading(true);
-        setError(null);
-        try {
-            // The server caches a scope's connections briefly; after an OAuth round
-            // trip that cache is exactly one step behind, so drop it first.
-            if (dropCache) {
-                await client$1.refreshIntegrations(scopeOptions).catch(() => undefined);
-            }
-            const list = await client$1.getIntegrations(scopeOptions);
-            setIntegrations(list);
-            onChange?.(list);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [client$1, scopeOptions, onChange]);
-    // Fetch on every open: accounts may have been connected or revoked elsewhere.
+    const [query, setQuery] = React.useState("");
+    const visible = React.useMemo(() => integrations.filter((i) => matches(i, query)), [integrations, query]);
+    // Report the listing without making the caller's identity part of the
+    // dependency: an inline arrow would fire this on every render.
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    React.useEffect(() => {
+        if (integrations.length)
+            onChangeRef.current?.(integrations);
+    }, [integrations]);
+    // Reopening starts clean, and re-reads: accounts may have been connected or
+    // revoked elsewhere since the last look.
     const wasOpenRef = React.useRef(false);
+    const openedBeforeRef = React.useRef(false);
     React.useEffect(() => {
         if (isOpen && !wasOpenRef.current) {
             setBlockedUrl(null);
-            void refresh();
+            setActionError(null);
+            setQuery("");
+            // The very first open of an uncontrolled modal is already covered by the
+            // hook switching on; asking again here would double every first open.
+            if (state || openedBeforeRef.current)
+                void refresh();
+            openedBeforeRef.current = true;
         }
         wasOpenRef.current = isOpen;
-    }, [isOpen, refresh]);
+        // `state.refresh` is stable per scope; re-running on every render of the
+        // owner is exactly what this must not do.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen]);
     // Escape closes
     React.useEffect(() => {
         if (!isOpen)
@@ -165,9 +162,9 @@ function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId
             window.clearInterval(pollRef.current);
     }, []);
     const handleConnect = async (integration) => {
-        if (!client$1 || busyApp)
+        if (!client || busyApp)
             return;
-        setError(null);
+        setActionError(null);
         setBlockedUrl(null);
         setBusyApp(integration.app);
         const nonce = newNonce();
@@ -175,7 +172,7 @@ function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId
         // Opened empty inside the click, navigated once the URL is known.
         const popup = window.open("", "devic-oauth", "width=520,height=680,menubar=no,toolbar=no");
         try {
-            const { authorizationUrl } = await client$1.connectIntegration(integration.app, { ...scopeOptions, returnTo });
+            const { authorizationUrl } = await client.connectIntegration(integration.app, { ...scope, returnTo });
             pendingRef.current = { app: integration.app, returnTo };
             if (popup && !popup.closed) {
                 popupRef.current = popup;
@@ -198,21 +195,21 @@ function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId
         catch (err) {
             popup?.close();
             pendingRef.current = null;
-            setError(err instanceof Error ? err.message : String(err));
+            setActionError(err instanceof Error ? err.message : String(err));
             setBusyApp(null);
         }
     };
     const handleDisconnect = async (app, account) => {
-        if (!client$1 || busyApp)
+        if (!client || busyApp)
             return;
         setBusyApp(app);
-        setError(null);
+        setActionError(null);
         try {
-            await client$1.disconnectIntegration(account.id, scopeOptions);
+            await client.disconnectIntegration(account.id, scope);
             await refresh(true);
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : String(err));
+            setActionError(err instanceof Error ? err.message : String(err));
         }
         finally {
             setBusyApp(null);
@@ -220,23 +217,26 @@ function IntegrationsModal({ isOpen, onClose, assistantId, tenantId, subtenantId
     };
     if (!isOpen)
         return null;
-    return reactDom.createPortal(jsxRuntime.jsx("div", { className: "devic-int-overlay", onClick: onClose, children: jsxRuntime.jsxs("div", { className: "devic-int-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: "devic-int-header", children: [jsxRuntime.jsxs("h3", { className: "devic-int-title", children: [jsxRuntime.jsx(PlugIcon, {}), title] }), jsxRuntime.jsx("button", { className: "devic-int-close", onClick: onClose, type: "button", "aria-label": "Close", children: "\u00D7" })] }), jsxRuntime.jsxs("div", { className: "devic-int-body", children: [error && jsxRuntime.jsx("div", { className: "devic-int-error", children: error }), blockedUrl && (jsxRuntime.jsxs("div", { className: "devic-int-notice", children: ["Your browser blocked the pop-up.", " ", jsxRuntime.jsx("a", { href: blockedUrl.url, target: "_blank", rel: "noopener noreferrer", onClick: () => {
+    return reactDom.createPortal(
+    // The variables go on the overlay, not on the modal: the backdrop is part
+    // of the dialog, and a portal inherits nothing from the drawer that opened
+    // it.
+    jsxRuntime.jsx("div", { className: "devic-int-overlay", style: theme.themeVars(theme$1), "data-dark": theme.isDarkTheme(theme$1), onClick: onClose, children: jsxRuntime.jsxs("div", { className: "devic-int-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: "devic-int-header", children: [jsxRuntime.jsxs("h3", { className: "devic-int-title", children: [jsxRuntime.jsx(PlugIcon, {}), title] }), jsxRuntime.jsx("button", { className: "devic-int-close", onClick: onClose, type: "button", "aria-label": "Close", children: "\u00D7" })] }), jsxRuntime.jsxs("div", { className: "devic-int-search", children: [jsxRuntime.jsx(SearchIcon, {}), jsxRuntime.jsx("input", { type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: searchPlaceholder, "aria-label": searchPlaceholder, autoComplete: "off" })] }), jsxRuntime.jsxs("div", { className: "devic-int-body", children: [error && jsxRuntime.jsx("div", { className: "devic-int-error", children: error }), blockedUrl && (jsxRuntime.jsxs("div", { className: "devic-int-notice", children: ["Your browser blocked the pop-up.", " ", jsxRuntime.jsx("a", { href: blockedUrl.url, target: "_blank", rel: "noopener noreferrer", onClick: () => {
                                         pendingRef.current = null;
                                         setBlockedUrl(null);
-                                    }, children: "Open the authorisation page" }), " ", "and come back \u2014 then use Refresh."] })), loading && integrations.length === 0 ? (jsxRuntime.jsx("div", { className: "devic-int-loading", children: "Loading apps\u2026" })) : integrations.length === 0 ? (jsxRuntime.jsx("div", { className: "devic-int-empty", children: "No apps available here yet." })) : (integrations.map((integration) => {
-                            const state = stateOf(integration);
-                            const busy = busyApp === integration.app;
-                            return (jsxRuntime.jsxs("div", { className: "devic-int-card", "data-state": state.key, children: [jsxRuntime.jsxs("div", { className: "devic-int-card-head", children: [integration.logo &&
-                                                !brokenLogos.includes(integration.app) ? (jsxRuntime.jsx("img", { className: "devic-int-logo", src: integration.logo, alt: "", "aria-hidden": "true", onError: () => setBrokenLogos((prev) => prev.includes(integration.app)
-                                                    ? prev
-                                                    : [...prev, integration.app]) })) : (jsxRuntime.jsx("span", { className: "devic-int-logo devic-int-logo-fallback", children: integration.name.charAt(0).toUpperCase() })), jsxRuntime.jsxs("div", { className: "devic-int-card-text", children: [jsxRuntime.jsx("div", { className: "devic-int-name", children: integration.name }), jsxRuntime.jsx("div", { className: "devic-int-state", children: state.label })] }), jsxRuntime.jsx("button", { type: "button", className: `devic-int-btn${state.key === "connected" ? "" : " devic-int-btn-primary"}`, onClick: () => handleConnect(integration), disabled: busy || !!busyApp, children: busy
-                                                    ? "Waiting…"
-                                                    : state.key === "disconnected"
-                                                        ? "Connect"
-                                                        : state.key === "reconnect"
-                                                            ? "Reconnect"
-                                                            : "Add account" })] }), integration.description && (jsxRuntime.jsx("div", { className: "devic-int-description", children: integration.description })), integration.accounts.length > 0 && (jsxRuntime.jsx("ul", { className: "devic-int-accounts", children: integration.accounts.map((account) => (jsxRuntime.jsxs("li", { className: "devic-int-account", children: [jsxRuntime.jsx("span", { className: "devic-int-dot", "data-ok": !account.needsReconnect, "aria-hidden": "true" }), jsxRuntime.jsxs("span", { className: "devic-int-account-label", children: [accountLabel(account), account.needsReconnect && (jsxRuntime.jsxs("span", { className: "devic-int-account-warn", children: [" ", "\u00B7 reconnect required"] }))] }), jsxRuntime.jsx("button", { type: "button", className: "devic-int-btn devic-int-btn-small devic-int-btn-danger", onClick: () => handleDisconnect(integration.app, account), disabled: !!busyApp, children: "Disconnect" })] }, account.id))) }))] }, integration.app));
-                        }))] }), jsxRuntime.jsxs("div", { className: "devic-int-footer", children: [jsxRuntime.jsx("span", { children: "Only you can see and use the accounts you connect here." }), jsxRuntime.jsx("button", { type: "button", className: "devic-int-btn devic-int-btn-small", onClick: () => void refresh(true), disabled: loading || !!busyApp, children: "Refresh" })] })] }) }), document.body);
+                                    }, children: "Open the authorisation page" }), " ", "and come back \u2014 then use Refresh."] })), loading && integrations.length === 0 ? (jsxRuntime.jsx("div", { className: "devic-int-loading", children: "Loading apps\u2026" })) : integrations.length === 0 ? (jsxRuntime.jsx("div", { className: "devic-int-empty", children: "No apps available here yet." })) : visible.length === 0 ? (jsxRuntime.jsxs("div", { className: "devic-int-empty", children: ["No apps match \u201C", query.trim(), "\u201D."] })) : (jsxRuntime.jsx("div", { className: "devic-int-grid", children: visible.map((integration) => {
+                                const cardState = stateOf(integration);
+                                const busy = busyApp === integration.app;
+                                return (jsxRuntime.jsxs("div", { className: "devic-int-card", "data-state": cardState.key, children: [jsxRuntime.jsxs("div", { className: "devic-int-card-head", children: [jsxRuntime.jsx(IntegrationLogo.IntegrationLogo, { integration: integration }), jsxRuntime.jsxs("span", { className: "devic-int-state", children: [jsxRuntime.jsx("span", { className: "devic-int-dot", "data-ok": cardState.key === "connected", "data-off": cardState.key === "disconnected", "aria-hidden": "true" }), cardState.label] })] }), jsxRuntime.jsx("div", { className: "devic-int-name", title: integration.name, children: integration.name }), integration.description && (jsxRuntime.jsx("div", { className: "devic-int-description", title: integration.description, children: integration.description })), jsxRuntime.jsx("button", { type: "button", className: `devic-int-btn devic-int-btn-block${cardState.key === "connected"
+                                                ? ""
+                                                : " devic-int-btn-primary"}`, onClick: () => handleConnect(integration), disabled: busy || !!busyApp, children: busy
+                                                ? "Waiting…"
+                                                : cardState.key === "disconnected"
+                                                    ? "Connect"
+                                                    : cardState.key === "reconnect"
+                                                        ? "Reconnect"
+                                                        : "Add account" }), integration.accounts.length > 0 && (jsxRuntime.jsx("ul", { className: "devic-int-accounts", children: integration.accounts.map((account) => (jsxRuntime.jsxs("li", { className: "devic-int-account", children: [jsxRuntime.jsx("span", { className: "devic-int-dot", "data-ok": !account.needsReconnect, "aria-hidden": "true" }), jsxRuntime.jsxs("span", { className: "devic-int-account-label", children: [accountLabel(account), account.needsReconnect && (jsxRuntime.jsxs("span", { className: "devic-int-account-warn", children: [" ", "\u00B7 reconnect required"] }))] }), jsxRuntime.jsx("button", { type: "button", className: "devic-int-unlink", onClick: () => handleDisconnect(integration.app, account), disabled: !!busyApp, title: "Disconnect this account", "aria-label": `Disconnect ${integration.name}`, children: "\u00D7" })] }, account.id))) }))] }, integration.app));
+                            }) }))] }), jsxRuntime.jsxs("div", { className: "devic-int-footer", children: [jsxRuntime.jsx("span", { children: "Only you can see and use the accounts you connect here." }), jsxRuntime.jsx("button", { type: "button", className: "devic-int-btn devic-int-btn-small", onClick: () => void refresh(true), disabled: loading || !!busyApp, children: "Refresh" })] })] }) }), document.body);
 }
 
 exports.IntegrationsModal = IntegrationsModal;