@agent-native/core 0.96.0 → 0.98.0

package/dist/client/extensions/ExtensionsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsListPage.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconDotsVertical,\n  IconEye,\n  IconEyeOff,\n  IconPlus,\n  IconTool,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useState, useEffect } from \"react\";\nimport { Link } from \"react-router\";\n\nimport { extensionPath } from \"../../extensions/path.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { PromptComposer } from \"../composer/PromptComposer.js\";\nimport { useT } from \"../i18n.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  deleteOrHideExtension,\n  invalidateExtensionRemoval,\n} from \"./delete-extension.js\";\nimport {\n  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./extension-order.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n  canDelete?: boolean;\n  globallyHidden?: boolean;\n  source?: {\n    mode?: \"database\" | \"local-files\";\n    entryPath?: string;\n  };\n}\n\nlet lastCreateSubmission: { prompt: string; at: number } | null = null;\n\nfunction submitCreateTool(\n  prompt: string,\n  messageForPrompt: (prompt: string) => string,\n) {\n  const trimmed = prompt.trim();\n  if (!trimmed) return;\n  const now = Date.now();\n  if (\n    lastCreateSubmission &&\n    lastCreateSubmission.prompt === trimmed &&\n    now - lastCreateSubmission.at < 2_000\n  ) {\n    return;\n  }\n  lastCreateSubmission = { prompt: trimmed, at: now };\n  sendToAgentChat({\n    message: messageForPrompt(trimmed),\n    submit: true,\n    openSidebar: true,\n    newTab: true,\n  });\n}\n\nfunction CreateToolInput({ className }: { className?: string }) {\n  const t = useT();\n  return (\n    <div className={cn(\"flex flex-col gap-2 text-left\", className)}>\n      <p className=\"px-1 text-sm font-medium text-foreground\">\n        {t(\"extensions.whatShouldItDo\")}\n      </p>\n      <PromptComposer\n        autoFocus\n        className=\"text-left\"\n        placeholder={t(\"extensions.createPlaceholder\")}\n        draftScope=\"extensions:create\"\n        onSubmit={(text) =>\n          submitCreateTool(text, (prompt) =>\n            t(\"extensions.createPrompt\", { prompt }),\n          )\n        }\n      />\n    </div>\n  );\n}\n\nexport function ExtensionsListPage() {\n  const t = useT();\n  const [showCreate, setShowCreate] = useState(false);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const [deletingId, setDeletingId] = useState<string | null>(null);\n  const [showGloballyHidden, setShowGloballyHidden] = useState(false);\n  const queryClient = useQueryClient();\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ view: \"extensions\" }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\", { includeGloballyHidden: showGloballyHidden }],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\n          showGloballyHidden\n            ? \"/_agent-native/extensions?includeGloballyHidden=true\"\n            : \"/_agent-native/extensions\",\n        ),\n      );\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(extensions ?? [], toolOrderState)\n      : (extensions ?? []);\n\n  const handleCreate = (text: string) => {\n    submitCreateTool(text, (prompt) =>\n      t(\"extensions.createPrompt\", { prompt }),\n    );\n    setShowCreate(false);\n  };\n\n  const handleDelete = async (extension: Extension) => {\n    setDeletingId(extension.id);\n    const previous = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n    queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n      (old ?? []).filter((item) => item.id !== extension.id),\n    );\n    try {\n      await deleteOrHideExtension(extension);\n      invalidateExtensionRemoval(queryClient, extension.id);\n    } catch {\n      if (previous) queryClient.setQueryData([\"extensions\"], previous);\n    } finally {\n      setDeletingId(null);\n      setConfirmDeleteId(null);\n      queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n    }\n  };\n\n  const handleGlobalHideToggle = async (extension: Extension) => {\n    setConfirmDeleteId(null);\n    const action = extension.globallyHidden ? \"global-unhide\" : \"global-hide\";\n    try {\n      await fetch(\n        agentNativePath(`/_agent-native/extensions/${extension.id}/${action}`),\n        { method: \"POST\" },\n      );\n    } finally {\n      queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n    }\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"text-sm font-semibold\">{t(\"extensions.title\")}</h1>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                {t(\"extensions.newExtension\")}\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              align=\"end\"\n              sideOffset={6}\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                {t(\"extensions.newExtensionTitle\")}\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder={t(\"extensions.buildPlaceholder\")}\n                draftScope=\"extensions:create-popover\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                aria-label={t(\"extensions.optionsFor\", {\n                  name: t(\"extensions.title\"),\n                })}\n              >\n                <IconDotsVertical className=\"h-4 w-4\" />\n              </button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-44\">\n              <DropdownMenuCheckboxItem\n                checked={showGloballyHidden}\n                onCheckedChange={(checked) =>\n                  setShowGloballyHidden(Boolean(checked))\n                }\n              >\n                {t(\"extensions.showHidden\")}\n              </DropdownMenuCheckboxItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <AgentToggleButton />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto px-5 py-8 sm:px-8 sm:py-10\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : toolList.length === 0 ? (\n          <div className=\"flex min-h-[calc(100vh-9rem)] flex-col items-center justify-start px-2 pb-12 pt-[clamp(5rem,18vh,11rem)] sm:pb-16\">\n            <div className=\"mx-auto flex w-full max-w-[34rem] flex-col gap-7\">\n              <div className=\"flex flex-col items-center gap-3 text-center\">\n                <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n                <div className=\"space-y-1.5\">\n                  <p className=\"text-base font-semibold text-foreground\">\n                    {t(\"extensions.emptyTitle\")}\n                  </p>\n                  <p className=\"mx-auto max-w-sm text-sm text-muted-foreground\">\n                    {t(\"extensions.emptyDescription\")}\n                  </p>\n                </div>\n              </div>\n              <CreateToolInput className=\"w-full\" />\n            </div>\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((extension) => {\n              const isLocalExtension = extension.source?.mode === \"local-files\";\n              return (\n                <div\n                  key={extension.id}\n                  className={cn(\n                    \"group relative rounded-lg border border-border bg-card\",\n                    \"hover:border-primary/30 hover:shadow-sm\",\n                    extension.globallyHidden && \"opacity-60\",\n                  )}\n                >\n                  <Link\n                    to={extensionPath(extension.id, extension.name)}\n                    className=\"block p-5 pr-12\"\n                  >\n                    <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                      <IconTool className=\"h-5 w-5\" />\n                    </div>\n                    <h3 className=\"mb-1 flex items-center gap-1.5 text-sm font-semibold text-foreground\">\n                      {extension.globallyHidden && (\n                        <IconEyeOff\n                          className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\"\n                          aria-label={t(\"extensions.hiddenFromEveryone\")}\n                        />\n                      )}\n                      <span className=\"truncate\">{extension.name}</span>\n                    </h3>\n                    {extension.description && (\n                      <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                        {extension.description}\n                      </p>\n                    )}\n                    {isLocalExtension && (\n                      <p className=\"mt-3 inline-flex rounded-md border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {t(\"extensions.localFile\")}\n                      </p>\n                    )}\n                  </Link>\n                  <Popover\n                    open={confirmDeleteId === extension.id}\n                    onOpenChange={(open) =>\n                      setConfirmDeleteId(open ? extension.id : null)\n                    }\n                  >\n                    <PopoverTrigger asChild>\n                      <button\n                        type=\"button\"\n                        className=\"absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover:opacity-100\"\n                        aria-label={t(\"extensions.optionsFor\", {\n                          name: extension.name,\n                        })}\n                      >\n                        <IconDotsVertical className=\"h-4 w-4\" />\n                      </button>\n                    </PopoverTrigger>\n                    <PopoverContent\n                      align=\"end\"\n                      sideOffset={4}\n                      className=\"w-64 p-0\"\n                    >\n                      {!isLocalExtension && extension.canDelete !== false && (\n                        <div className=\"border-b p-1\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleGlobalHideToggle(extension)}\n                            className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[12px] hover:bg-accent\"\n                          >\n                            {extension.globallyHidden ? (\n                              <>\n                                <IconEye className=\"h-3.5 w-3.5\" />\n                                {t(\"extensions.unhideEveryone\")}\n                              </>\n                            ) : (\n                              <>\n                                <IconEyeOff className=\"h-3.5 w-3.5\" />\n                                {t(\"extensions.hideEveryone\")}\n                              </>\n                            )}\n                          </button>\n                        </div>\n                      )}\n                      {isLocalExtension ? (\n                        <div className=\"p-3 text-[12px] text-muted-foreground\">\n                          {t(\"extensions.localFileDescription\", {\n                            entryPath:\n                              extension.source?.entryPath ?? \"local files\",\n                          })}\n                        </div>\n                      ) : (\n                        <div className=\"p-3\">\n                          <p className=\"text-[12px]\">\n                            {extension.canDelete === false\n                              ? t(\"extensions.removeQuestion\", {\n                                  name: extension.name,\n                                })\n                              : t(\"extensions.deleteQuestion\", {\n                                  name: extension.name,\n                                })}{\" \"}\n                            {extension.canDelete === false\n                              ? t(\"extensions.hideForYouDescription\")\n                              : t(\"extensions.removeEverywhereDescription\")}\n                          </p>\n                          <div className=\"mt-3 flex justify-end gap-1\">\n                            <button\n                              type=\"button\"\n                              onClick={() => setConfirmDeleteId(null)}\n                              className=\"rounded-md px-2 py-1 text-[12px] hover:bg-accent\"\n                            >\n                              {t(\"extensions.cancel\")}\n                            </button>\n                            <button\n                              type=\"button\"\n                              onClick={() => handleDelete(extension)}\n                              disabled={deletingId === extension.id}\n                              className={cn(\n                                \"inline-flex items-center gap-1.5 rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90\",\n                                deletingId === extension.id && \"opacity-60\",\n                              )}\n                            >\n                              <IconTrash className=\"h-3.5 w-3.5\" />\n                              {deletingId === extension.id\n                                ? extension.canDelete === false\n                                  ? t(\"extensions.removing\")\n                                  : t(\"extensions.deleting\")\n                                : extension.canDelete === false\n                                  ? t(\"extensions.remove\")\n                                  : t(\"extensions.delete\")}\n                            </button>\n                          </div>\n                        </div>\n                      )}\n                    </PopoverContent>\n                  </Popover>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ExtensionsListPage.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconDotsVertical,\n  IconEye,\n  IconEyeOff,\n  IconPlus,\n  IconTool,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { useState, useEffect } from \"react\";\nimport { Link } from \"react-router\";\n\nimport { extensionPath } from \"../../extensions/path.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { PromptComposer } from \"../composer/PromptComposer.js\";\nimport { useT } from \"../i18n.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  deleteOrHideExtension,\n  invalidateExtensionRemoval,\n} from \"./delete-extension.js\";\nimport {\n  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./extension-order.js\";\nimport { ExtensionQueryErrorState } from \"./ExtensionQueryErrorState.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n  canDelete?: boolean;\n  globallyHidden?: boolean;\n  source?: {\n    mode?: \"database\" | \"local-files\";\n    entryPath?: string;\n  };\n}\n\nlet lastCreateSubmission: { prompt: string; at: number } | null = null;\n\nfunction submitCreateTool(\n  prompt: string,\n  messageForPrompt: (prompt: string) => string,\n) {\n  const trimmed = prompt.trim();\n  if (!trimmed) return;\n  const now = Date.now();\n  if (\n    lastCreateSubmission &&\n    lastCreateSubmission.prompt === trimmed &&\n    now - lastCreateSubmission.at < 2_000\n  ) {\n    return;\n  }\n  lastCreateSubmission = { prompt: trimmed, at: now };\n  sendToAgentChat({\n    message: messageForPrompt(trimmed),\n    submit: true,\n    openSidebar: true,\n    newTab: true,\n  });\n}\n\nfunction CreateToolInput({ className }: { className?: string }) {\n  const t = useT();\n  return (\n    <div className={cn(\"flex flex-col gap-2 text-left\", className)}>\n      <p className=\"px-1 text-sm font-medium text-foreground\">\n        {t(\"extensions.whatShouldItDo\")}\n      </p>\n      <PromptComposer\n        autoFocus\n        className=\"text-left\"\n        placeholder={t(\"extensions.createPlaceholder\")}\n        draftScope=\"extensions:create\"\n        onSubmit={(text) =>\n          submitCreateTool(text, (prompt) =>\n            t(\"extensions.createPrompt\", { prompt }),\n          )\n        }\n      />\n    </div>\n  );\n}\n\nexport function ExtensionsListPage() {\n  const t = useT();\n  const [showCreate, setShowCreate] = useState(false);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const [deletingId, setDeletingId] = useState<string | null>(null);\n  const [showGloballyHidden, setShowGloballyHidden] = useState(false);\n  const queryClient = useQueryClient();\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ view: \"extensions\" }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const extensionsQuery = useQuery<Extension[]>({\n    queryKey: [\"extensions\", { includeGloballyHidden: showGloballyHidden }],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\n          showGloballyHidden\n            ? \"/_agent-native/extensions?includeGloballyHidden=true\"\n            : \"/_agent-native/extensions\",\n        ),\n      );\n      if (!res.ok) throw new Error(`Failed to load extensions (${res.status})`);\n      return res.json();\n    },\n  });\n  const extensions = extensionsQuery.data;\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(extensions ?? [], toolOrderState)\n      : (extensions ?? []);\n\n  const handleCreate = (text: string) => {\n    submitCreateTool(text, (prompt) =>\n      t(\"extensions.createPrompt\", { prompt }),\n    );\n    setShowCreate(false);\n  };\n\n  const handleDelete = async (extension: Extension) => {\n    setDeletingId(extension.id);\n    const previous = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n    queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n      (old ?? []).filter((item) => item.id !== extension.id),\n    );\n    try {\n      await deleteOrHideExtension(extension);\n      invalidateExtensionRemoval(queryClient, extension.id);\n    } catch {\n      if (previous) queryClient.setQueryData([\"extensions\"], previous);\n    } finally {\n      setDeletingId(null);\n      setConfirmDeleteId(null);\n      queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n    }\n  };\n\n  const handleGlobalHideToggle = async (extension: Extension) => {\n    setConfirmDeleteId(null);\n    const action = extension.globallyHidden ? \"global-unhide\" : \"global-hide\";\n    try {\n      await fetch(\n        agentNativePath(`/_agent-native/extensions/${extension.id}/${action}`),\n        { method: \"POST\" },\n      );\n    } finally {\n      queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n    }\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"text-sm font-semibold\">{t(\"extensions.title\")}</h1>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                {t(\"extensions.newExtension\")}\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              align=\"end\"\n              sideOffset={6}\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                {t(\"extensions.newExtensionTitle\")}\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder={t(\"extensions.buildPlaceholder\")}\n                draftScope=\"extensions:create-popover\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                aria-label={t(\"extensions.optionsFor\", {\n                  name: t(\"extensions.title\"),\n                })}\n              >\n                <IconDotsVertical className=\"h-4 w-4\" />\n              </button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-44\">\n              <DropdownMenuCheckboxItem\n                checked={showGloballyHidden}\n                onCheckedChange={(checked) =>\n                  setShowGloballyHidden(Boolean(checked))\n                }\n              >\n                {t(\"extensions.showHidden\")}\n              </DropdownMenuCheckboxItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <AgentToggleButton />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto px-5 py-8 sm:px-8 sm:py-10\">\n        {extensionsQuery.isLoading ? (\n          <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : extensionsQuery.isError ? (\n          <ExtensionQueryErrorState\n            className=\"min-h-[calc(100vh-9rem)]\"\n            message={t(\"extensions.loadError\")}\n            onRetry={() => void extensionsQuery.refetch()}\n            retrying={extensionsQuery.isFetching}\n          />\n        ) : toolList.length === 0 ? (\n          <div className=\"flex min-h-[calc(100vh-9rem)] flex-col items-center justify-start px-2 pb-12 pt-[clamp(5rem,18vh,11rem)] sm:pb-16\">\n            <div className=\"mx-auto flex w-full max-w-[34rem] flex-col gap-7\">\n              <div className=\"flex flex-col items-center gap-3 text-center\">\n                <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n                <div className=\"space-y-1.5\">\n                  <p className=\"text-base font-semibold text-foreground\">\n                    {t(\"extensions.emptyTitle\")}\n                  </p>\n                  <p className=\"mx-auto max-w-sm text-sm text-muted-foreground\">\n                    {t(\"extensions.emptyDescription\")}\n                  </p>\n                </div>\n              </div>\n              <CreateToolInput className=\"w-full\" />\n            </div>\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((extension) => {\n              const isLocalExtension = extension.source?.mode === \"local-files\";\n              return (\n                <div\n                  key={extension.id}\n                  className={cn(\n                    \"group relative rounded-lg border border-border bg-card\",\n                    \"hover:border-primary/30 hover:shadow-sm\",\n                    extension.globallyHidden && \"opacity-60\",\n                  )}\n                >\n                  <Link\n                    to={extensionPath(extension.id, extension.name)}\n                    className=\"block p-5 pr-12\"\n                  >\n                    <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                      <IconTool className=\"h-5 w-5\" />\n                    </div>\n                    <h3 className=\"mb-1 flex items-center gap-1.5 text-sm font-semibold text-foreground\">\n                      {extension.globallyHidden && (\n                        <IconEyeOff\n                          className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\"\n                          aria-label={t(\"extensions.hiddenFromEveryone\")}\n                        />\n                      )}\n                      <span className=\"truncate\">{extension.name}</span>\n                    </h3>\n                    {extension.description && (\n                      <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                        {extension.description}\n                      </p>\n                    )}\n                    {isLocalExtension && (\n                      <p className=\"mt-3 inline-flex rounded-md border border-border px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                        {t(\"extensions.localFile\")}\n                      </p>\n                    )}\n                  </Link>\n                  <Popover\n                    open={confirmDeleteId === extension.id}\n                    onOpenChange={(open) =>\n                      setConfirmDeleteId(open ? extension.id : null)\n                    }\n                  >\n                    <PopoverTrigger asChild>\n                      <button\n                        type=\"button\"\n                        className=\"absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover:opacity-100\"\n                        aria-label={t(\"extensions.optionsFor\", {\n                          name: extension.name,\n                        })}\n                      >\n                        <IconDotsVertical className=\"h-4 w-4\" />\n                      </button>\n                    </PopoverTrigger>\n                    <PopoverContent\n                      align=\"end\"\n                      sideOffset={4}\n                      className=\"w-64 p-0\"\n                    >\n                      {!isLocalExtension && extension.canDelete !== false && (\n                        <div className=\"border-b p-1\">\n                          <button\n                            type=\"button\"\n                            onClick={() => handleGlobalHideToggle(extension)}\n                            className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[12px] hover:bg-accent\"\n                          >\n                            {extension.globallyHidden ? (\n                              <>\n                                <IconEye className=\"h-3.5 w-3.5\" />\n                                {t(\"extensions.unhideEveryone\")}\n                              </>\n                            ) : (\n                              <>\n                                <IconEyeOff className=\"h-3.5 w-3.5\" />\n                                {t(\"extensions.hideEveryone\")}\n                              </>\n                            )}\n                          </button>\n                        </div>\n                      )}\n                      {isLocalExtension ? (\n                        <div className=\"p-3 text-[12px] text-muted-foreground\">\n                          {t(\"extensions.localFileDescription\", {\n                            entryPath:\n                              extension.source?.entryPath ?? \"local files\",\n                          })}\n                        </div>\n                      ) : (\n                        <div className=\"p-3\">\n                          <p className=\"text-[12px]\">\n                            {extension.canDelete === false\n                              ? t(\"extensions.removeQuestion\", {\n                                  name: extension.name,\n                                })\n                              : t(\"extensions.deleteQuestion\", {\n                                  name: extension.name,\n                                })}{\" \"}\n                            {extension.canDelete === false\n                              ? t(\"extensions.hideForYouDescription\")\n                              : t(\"extensions.removeEverywhereDescription\")}\n                          </p>\n                          <div className=\"mt-3 flex justify-end gap-1\">\n                            <button\n                              type=\"button\"\n                              onClick={() => setConfirmDeleteId(null)}\n                              className=\"rounded-md px-2 py-1 text-[12px] hover:bg-accent\"\n                            >\n                              {t(\"extensions.cancel\")}\n                            </button>\n                            <button\n                              type=\"button\"\n                              onClick={() => handleDelete(extension)}\n                              disabled={deletingId === extension.id}\n                              className={cn(\n                                \"inline-flex items-center gap-1.5 rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90\",\n                                deletingId === extension.id && \"opacity-60\",\n                              )}\n                            >\n                              <IconTrash className=\"h-3.5 w-3.5\" />\n                              {deletingId === extension.id\n                                ? extension.canDelete === false\n                                  ? t(\"extensions.removing\")\n                                  : t(\"extensions.deleting\")\n                                : extension.canDelete === false\n                                  ? t(\"extensions.remove\")\n                                  : t(\"extensions.delete\")}\n                            </button>\n                          </div>\n                        </div>\n                      )}\n                    </PopoverContent>\n                  </Popover>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/extensions/ExtensionsSidebarSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"AAsmBA,wBAAgB,wBAAwB,gCA8lBvC"}
+{"version":3,"file":"ExtensionsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"AAonBA,wBAAgB,wBAAwB,gCAsnBvC"}

package/dist/client/extensions/ExtensionsSidebarSection.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconChevronDown, IconPlus, IconFilter, IconStar, IconStarFilled, IconTrash, IconDots, IconPencil, IconGripVertical, IconTool, IconEye, IconEyeOff, } from "@tabler/icons-react";
+import { IconChevronDown, IconPlus, IconFilter, IconStar, IconStarFilled, IconTrash, IconDots, IconPencil, IconGripVertical, IconTool, IconEye, IconEyeOff, IconHelpCircle, } from "@tabler/icons-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useState, useCallback, useMemo } from "react";
 import { Link, useLocation, useNavigate } from "react-router";
@@ -16,6 +16,7 @@ import { cn } from "../utils.js";
 import { deleteOrHideExtension, invalidateExtensionRemoval, } from "./delete-extension.js";
 import { applyToolsOrder, getToolsOrder, setToolsOrder, } from "./extension-order.js";
 import { extensionPopularityOf, useExtensionPopularity, } from "./extension-popularity.js";
+import { ExtensionQueryErrorState } from "./ExtensionQueryErrorState.js";
 const FAVORITES_KEY = "extensions-favorites";
 const COLLAPSED_EXTENSION_COUNT = 3;
 const EXTENSIONS_OPEN_KEY = "extensions-sidebar-open";
@@ -52,6 +53,7 @@ const EXTENSIONS_COPY = {
         delete: "Delete",
         showLess: "show less",
         showMore: "show more",
+        loadError: "Couldn't load extensions.",
     },
     "zh-CN": {
         title: "扩展",
@@ -84,6 +86,7 @@ const EXTENSIONS_COPY = {
         delete: "删除",
         showLess: "收起",
         showMore: "显示更多",
+        loadError: "无法加载扩展。",
     },
     "zh-TW": {
         title: "擴充功能",
@@ -116,6 +119,7 @@ const EXTENSIONS_COPY = {
         delete: "刪除",
         showLess: "顯示較少",
         showMore: "顯示更多",
+        loadError: "無法載入擴充功能。",
     },
     "es-ES": {
         title: "Extensiones",
@@ -148,6 +152,7 @@ const EXTENSIONS_COPY = {
         delete: "Eliminar",
         showLess: "mostrar menos",
         showMore: "mostrar más",
+        loadError: "No se pudieron cargar las extensiones.",
     },
     "fr-FR": {
         title: "Extensions",
@@ -180,6 +185,7 @@ const EXTENSIONS_COPY = {
         delete: "Supprimer",
         showLess: "afficher moins",
         showMore: "afficher plus",
+        loadError: "Impossible de charger les extensions.",
     },
     "de-DE": {
         title: "Erweiterungen",
@@ -212,6 +218,7 @@ const EXTENSIONS_COPY = {
         delete: "Löschen",
         showLess: "weniger anzeigen",
         showMore: "mehr anzeigen",
+        loadError: "Erweiterungen konnten nicht geladen werden.",
     },
     "ja-JP": {
         title: "拡張機能",
@@ -244,6 +251,7 @@ const EXTENSIONS_COPY = {
         delete: "削除",
         showLess: "少なく表示",
         showMore: "さらに表示",
+        loadError: "拡張機能を読み込めませんでした。",
     },
     "ko-KR": {
         title: "확장",
@@ -276,6 +284,7 @@ const EXTENSIONS_COPY = {
         delete: "삭제",
         showLess: "덜 보기",
         showMore: "더 보기",
+        loadError: "확장 프로그램을 불러올 수 없습니다.",
     },
     "pt-BR": {
         title: "Extensões",
@@ -308,6 +317,7 @@ const EXTENSIONS_COPY = {
         delete: "Excluir",
         showLess: "mostrar menos",
         showMore: "mostrar mais",
+        loadError: "Não foi possível carregar as extensões.",
     },
     "hi-IN": {
         title: "एक्सटेंशन",
@@ -340,6 +350,7 @@ const EXTENSIONS_COPY = {
         delete: "हटाएं",
         showLess: "कम दिखाएं",
         showMore: "और दिखाएं",
+        loadError: "एक्सटेंशन लोड नहीं हो सके।",
     },
     "ar-SA": {
         title: "الإضافات",
@@ -372,6 +383,7 @@ const EXTENSIONS_COPY = {
         delete: "حذف",
         showLess: "إظهار أقل",
         showMore: "إظهار المزيد",
+        loadError: "تعذر تحميل الإضافات.",
     },
 };
 function useExtensionsCopy() {
@@ -444,7 +456,7 @@ function sortByName(items) {
     });
 }
 function ExtensionSortMenu({ value, onChange, showHidden, onShowHiddenChange, copy, }) {
-    return (_jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground/45 opacity-0 transition-all hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover/extensions-section:opacity-100", "aria-label": copy.sortOptions, children: _jsx(IconFilter, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: copy.sortTooltip })] }), _jsxs(DropdownMenuContent, { side: "right", align: "start", className: "w-44", children: [_jsx(DropdownMenuLabel, { children: copy.sortBy }), _jsxs(DropdownMenuRadioGroup, { value: value, onValueChange: (next) => {
+    return (_jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground/45 opacity-0 transition-[opacity,color,background-color] hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover/extensions-section:opacity-100", "aria-label": copy.sortOptions, children: _jsx(IconFilter, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: copy.sortTooltip })] }), _jsxs(DropdownMenuContent, { side: "right", align: "start", className: "w-44", children: [_jsx(DropdownMenuLabel, { children: copy.sortBy }), _jsxs(DropdownMenuRadioGroup, { value: value, onValueChange: (next) => {
                             if (next === "most-used" ||
                                 next === "alphabetical" ||
                                 next === "manual") {
@@ -470,17 +482,18 @@ export function ExtensionsSidebarSection() {
     const [dragOverId, setDragOverId] = useState(null);
     const [showAllExtensions, setShowAllExtensions] = useState(false);
     const [showGloballyHidden, setShowGloballyHidden] = useState(false);
-    const { data: extensions, isLoading } = useQuery({
+    const extensionsQuery = useQuery({
         queryKey: ["extensions", { includeGloballyHidden: showGloballyHidden }],
         queryFn: async () => {
             const res = await fetch(agentNativePath(showGloballyHidden
                 ? "/_agent-native/extensions?includeGloballyHidden=true"
                 : "/_agent-native/extensions"));
             if (!res.ok)
-                return [];
+                throw new Error(`Failed to load extensions (${res.status})`);
             return res.json();
         },
     });
+    const extensions = extensionsQuery.data;
     const toggleFavorite = useCallback((id) => {
         setFavoriteIds((prev) => {
             const next = new Set(prev);
@@ -650,10 +663,10 @@ export function ExtensionsSidebarSection() {
         });
         setShowCreate(false);
     };
-    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "relative min-w-0 py-1", children: [_jsxs("div", { className: cn("group/extensions-section relative flex w-full min-w-0 items-center rounded-md text-sm font-medium transition-all hover:text-primary", location.pathname.startsWith("/extensions")
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "relative min-w-0 py-1", children: [_jsxs("div", { className: cn("group/extensions-section relative flex w-full min-w-0 items-center rounded-md text-sm font-medium transition-[opacity,color,background-color] hover:text-primary", location.pathname.startsWith("/extensions")
                         ? "text-sidebar-accent-foreground"
-                        : "text-muted-foreground hover:bg-sidebar-accent/50", extensionsOpen && sortedTools.length > 0 && "mb-1"), children: [_jsx("button", { type: "button", onClick: toggleExtensionsOpen, className: "absolute inset-0 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": extensionsOpen ? copy.collapse : copy.expand, "aria-expanded": extensionsOpen }), _jsxs("div", { className: "pointer-events-none relative z-10 flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 pr-20", children: [_jsx(IconTool, { className: "h-4 w-4 shrink-0" }), _jsxs(HoverCard, { openDelay: 1200, closeDelay: 200, children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx("span", { className: "pointer-events-auto min-w-0 select-none truncate", onClick: toggleExtensionsOpen, children: copy.title }) }), _jsxs(HoverCardContent, { side: "top", align: "start", sideOffset: 8, className: "w-72 space-y-3 p-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: copy.title }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: copy.description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Link, { to: "/extensions", className: "inline-flex h-8 items-center rounded-md border px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", children: copy.open }), _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "inline-flex h-8 items-center rounded-md px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground", children: copy.learnMore })] })] })] })] }), _jsxs("div", { className: "absolute right-1 top-1/2 z-20 flex -translate-y-1/2 items-center", children: [_jsx(ExtensionSortMenu, { value: sortModeState, onChange: setExtensionSortMode, showHidden: showGloballyHidden, onShowHiddenChange: setShowGloballyHidden, copy: copy }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-none inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 opacity-0 transition-all hover:bg-accent hover:text-accent-foreground focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/extensions-section:pointer-events-auto group-hover/extensions-section:opacity-100 group-focus-within/extensions-section:pointer-events-auto group-focus-within/extensions-section:opacity-100 data-[state=open]:pointer-events-auto data-[state=open]:opacity-100", "aria-label": copy.newExtension, children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", collisionPadding: 8, className: "relative z-[360] w-[min(420px,calc(100vw-16px))] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: copy.newExtension }), _jsx(PromptComposer, { autoFocus: true, placeholder: copy.createPlaceholder, draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] }), _jsx("button", { type: "button", onClick: toggleExtensionsOpen, className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground", "aria-label": extensionsOpen ? copy.collapse : copy.expand, "aria-expanded": extensionsOpen, children: _jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 shrink-0 transition-transform", !extensionsOpen && "-rotate-90") }) })] })] }), extensionsOpen &&
-                    (isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-0.5", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : sortedTools.length === 0 ? null : (_jsxs("div", { className: "min-w-0 space-y-0.5 px-0.5", children: [visibleTools.map((extension) => {
+                        : "text-muted-foreground hover:bg-sidebar-accent/50", extensionsOpen && sortedTools.length > 0 && "mb-1"), children: [_jsx("button", { type: "button", onClick: toggleExtensionsOpen, className: "absolute inset-0 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": extensionsOpen ? copy.collapse : copy.expand, "aria-expanded": extensionsOpen }), _jsxs("div", { className: "pointer-events-none relative z-10 flex min-w-0 flex-1 items-center gap-2 px-3 py-1.5 pr-20", children: [_jsx(IconTool, { className: "h-4 w-4 shrink-0" }), _jsxs(HoverCard, { openDelay: 1200, closeDelay: 200, children: [_jsx(HoverCardTrigger, { asChild: true, children: _jsx("span", { className: "pointer-events-auto min-w-0 select-none truncate", onClick: toggleExtensionsOpen, children: copy.title }) }), _jsxs(HoverCardContent, { side: "top", align: "start", sideOffset: 8, className: "w-72 space-y-3 p-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: copy.title }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: copy.description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Link, { to: "/extensions", className: "inline-flex h-8 items-center rounded-md border px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent", children: copy.open }), _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "inline-flex h-8 items-center rounded-md px-2.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground", children: copy.learnMore })] })] })] })] }), _jsxs("div", { className: "absolute right-1 top-1/2 z-20 flex -translate-y-1/2 items-center", children: [_jsx(ExtensionSortMenu, { value: sortModeState, onChange: setExtensionSortMode, showHidden: showGloballyHidden, onShowHiddenChange: setShowGloballyHidden, copy: copy }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-none inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 opacity-0 transition-[opacity,color,background-color] hover:bg-accent hover:text-accent-foreground focus-visible:pointer-events-auto focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/extensions-section:pointer-events-auto group-hover/extensions-section:opacity-100 group-focus-within/extensions-section:pointer-events-auto group-focus-within/extensions-section:opacity-100 data-[state=open]:pointer-events-auto data-[state=open]:opacity-100", "aria-label": copy.newExtension, children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", collisionPadding: 8, className: "relative z-[360] w-[min(420px,calc(100vw-16px))] px-2 pb-2 pt-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 ps-1 pb-2", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: copy.newExtension }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": copy.learnMore, children: _jsx(IconHelpCircle, { className: "size-4" }) }) }), _jsx(TooltipContent, { children: copy.learnMore })] })] }), _jsx(PromptComposer, { autoFocus: true, placeholder: copy.createPlaceholder, draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] }), _jsx("button", { type: "button", onClick: toggleExtensionsOpen, className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground", "aria-label": extensionsOpen ? copy.collapse : copy.expand, "aria-expanded": extensionsOpen, children: _jsx(IconChevronDown, { className: cn("h-3.5 w-3.5 shrink-0 transition-transform", !extensionsOpen && "-rotate-90") }) })] })] }), extensionsOpen &&
+                    (extensionsQuery.isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-0.5", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : extensionsQuery.isError ? (_jsx(ExtensionQueryErrorState, { compact: true, message: copy.loadError, onRetry: () => void extensionsQuery.refetch(), retrying: extensionsQuery.isFetching })) : sortedTools.length === 0 ? null : (_jsxs("div", { className: "min-w-0 space-y-0.5 px-0.5", children: [visibleTools.map((extension) => {
                                 const isActive = isExtensionPathname(location.pathname, extension.id);
                                 const isFav = favoriteIds.has(extension.id);
                                 const isRenamingThis = renamingId === extension.id;
@@ -684,7 +697,7 @@ export function ExtensionsSidebarSection() {
                                                         }, onDragEnd: () => {
                                                             setDraggingId(null);
                                                             setDragOverId(null);
-                                                        }, className: "-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": copy.reorder(extension.name), children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: copy.dragToReorder })] }), _jsx(Link, { to: extensionPath(extension.id, extension.name), className: cn("flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12", actionsVisible && "md:pr-12", isActive
+                                                        }, className: "-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-[opacity,color] hover:text-muted-foreground/70 active:cursor-grabbing group-hover/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": copy.reorder(extension.name), children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: copy.dragToReorder })] }), _jsx(Link, { to: extensionPath(extension.id, extension.name), className: cn("flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/extension:pr-12 md:group-focus-within/extension:pr-12", actionsVisible && "md:pr-12", isActive
                                                 ? "bg-accent text-accent-foreground font-medium"
                                                 : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"), children: isRenamingThis ? (_jsx("input", { autoFocus: true, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => submitRename(extension.id), onKeyDown: (e) => {
                                                     if (e.key === "Enter")