@nextclaw/ui 0.13.12 → 0.14.0

package/src/{shared/components/model-config.test.tsx → features/settings/pages/__tests__/model-config-page.test.tsx}

@@ -2,7 +2,7 @@ import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useState } from 'react';
 import { ProviderScopedModelInput } from '@/shared/components/common/provider-scoped-model-input';
-import { ModelConfig } from '@/shared/components/model-config';
+import { ModelConfigPage } from '@/features/settings/pages/model-config-page';
 import { setLanguage } from '@/shared/lib/i18n';
 
 const mocks = vi.hoisted(() => ({
@@ -49,6 +49,41 @@ const mocks = vi.hoisted(() => ({
 vi.mock('@/shared/hooks/use-config', () => ({
   useConfig: () => mocks.configQuery,
   useConfigMeta: () => mocks.metaQuery,
+  useProviders: () => ({
+    data: {
+      providers: Object.fromEntries(
+        Object.entries(mocks.configQuery.data.providers ?? {}).map(([providerId, provider]) => [
+          providerId,
+          {
+            providerId,
+            providerType: providerId,
+            isBuiltInType: false,
+            isCustom: false,
+            enabled: provider.enabled,
+            apiKeySet: provider.apiKeySet,
+            models: provider.models ?? []
+          }
+        ])
+      )
+    },
+    isFetched: true,
+    isSuccess: true
+  }),
+  useProviderTemplates: () => ({
+    data: {
+      providerTemplates: (mocks.metaQuery.data.providers ?? []).map((provider) => ({
+        id: provider.name,
+        providerType: provider.name,
+        displayName: provider.displayName,
+        modelPrefix: provider.modelPrefix,
+        defaultModels: provider.defaultModels,
+        keywords: provider.keywords,
+        envKey: provider.envKey
+      }))
+    },
+    isFetched: true,
+    isSuccess: true
+  }),
   useConfigSchema: () => mocks.schemaQuery,
   useUpdateModel: () => ({
     mutate: mocks.mutate,
@@ -56,7 +91,7 @@ vi.mock('@/shared/hooks/use-config', () => ({
   })
 }));
 
-describe('ModelConfig', () => {
+describe('ModelConfigPage', () => {
   beforeEach(() => {
     mocks.mutate.mockReset();
     setLanguage('en');
@@ -128,7 +163,7 @@ describe('ModelConfig', () => {
   it('submits the workspace together with the selected model', async () => {
     const user = userEvent.setup();
 
-    render(<ModelConfig />);
+    render(<ModelConfigPage />);
 
     const workspaceInput = await screen.findByLabelText('Default Path');
     await user.clear(workspaceInput);
@@ -158,7 +193,7 @@ describe('ModelConfig', () => {
       providers: []
     } as typeof mocks.metaQuery.data;
 
-    render(<ModelConfig />);
+    render(<ModelConfigPage />);
 
     expect(await screen.findByText('No providers configured')).toBeTruthy();
     expect(screen.getByText('Add an AI provider to start using the platform.')).toBeTruthy();
@@ -178,7 +213,7 @@ describe('ModelConfig', () => {
   it('switches to the new provider without clearing the selection and auto-fills its first model', async () => {
     const user = userEvent.setup();
 
-    render(<ModelConfig />);
+    render(<ModelConfigPage />);
 
     const providerTrigger = screen.getByRole('combobox');
     fireEvent.keyDown(providerTrigger, { key: 'ArrowDown' });

package/src/{shared/components/config/providers-list.test.tsx → features/settings/pages/__tests__/providers-config-page.test.tsx}

@@ -1,9 +1,11 @@
 import { render } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
-import { ProvidersList } from '@/shared/components/config/providers-list';
+import { ProvidersConfigPage } from '@/features/settings/pages/providers-config-page';
 
 const mocks = vi.hoisted(() => ({
   createProviderMutateAsync: vi.fn(),
+  deleteProviderMutate: vi.fn(),
+  updateProviderMutate: vi.fn(),
   configQuery: {
     data: {
       providers: {
@@ -33,29 +35,70 @@ const mocks = vi.hoisted(() => ({
 vi.mock('@/shared/hooks/use-config', () => ({
   useConfig: () => mocks.configQuery,
   useConfigMeta: () => mocks.metaQuery,
+  useProviders: () => ({
+    data: {
+      providers: Object.fromEntries(
+        Object.entries(mocks.configQuery.data.providers).map(([providerId, provider]) => [
+          providerId,
+          {
+            providerId,
+            providerType: providerId,
+            isBuiltInType: providerId === 'nextclaw',
+            isCustom: false,
+            enabled: provider.enabled,
+            apiKeySet: provider.apiKeySet,
+          },
+        ]),
+      ),
+    },
+    isFetched: true,
+    isSuccess: true,
+  }),
+  useProviderTemplates: () => ({
+    data: {
+      providerTemplates: mocks.metaQuery.data.providers.map((provider) => ({
+        id: provider.name,
+        providerType: provider.name,
+        displayName: provider.displayName,
+        defaultApiBase: provider.defaultApiBase,
+        keywords: [],
+        envKey: '',
+      })),
+    },
+    isFetched: true,
+    isSuccess: true,
+  }),
   useConfigSchema: () => mocks.schemaQuery,
   useCreateProvider: () => ({
     mutateAsync: mocks.createProviderMutateAsync,
     isPending: false,
   }),
+  useDeleteProvider: () => ({
+    mutate: mocks.deleteProviderMutate,
+    isPending: false,
+  }),
+  useUpdateProvider: () => ({
+    mutate: mocks.updateProviderMutate,
+    isPending: false,
+  }),
 }));
 
-vi.mock('@/shared/components/config/provider-form', () => ({
+vi.mock('@/features/settings/components/config/provider-form', () => ({
   ProviderForm: ({ providerName }: { providerName?: string }) => (
     <div data-testid="provider-form">{providerName ?? 'none'}</div>
   ),
 }));
 
-describe('ProvidersList', () => {
+describe('ProvidersConfigPage', () => {
   it('keeps the nextclaw builtin provider at the end of the list', () => {
-    const { container } = render(<ProvidersList />);
+    const { container } = render(<ProvidersConfigPage />);
 
     const sidebarSection = container.querySelector('section');
     if (!(sidebarSection instanceof HTMLElement)) {
       throw new Error('provider sidebar not found');
     }
 
-    const providerButtons = Array.from(sidebarSection.querySelectorAll('button[type="button"]')).filter((button) =>
+    const providerButtons = Array.from(sidebarSection.querySelectorAll('[role="button"]')).filter((button) =>
       ['OpenAI', 'Anthropic', 'NextClaw Builtin'].some((label) => button.textContent?.includes(label)),
     );
 

package/src/{shared/components/search-config.test.tsx → features/settings/pages/__tests__/search-config-page.test.tsx}

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { SearchConfig } from '@/shared/components/search-config';
+import { SearchConfigPage } from '@/features/settings/pages/search-config-page';
 import { setLanguage } from '@/shared/lib/i18n';
 
 const mocks = vi.hoisted(() => ({
@@ -78,7 +78,7 @@ vi.mock('@/shared/hooks/use-config', () => ({
   })
 }));
 
-describe('SearchConfig', () => {
+describe('SearchConfigPage', () => {
   beforeEach(() => {
     setLanguage('zh');
     mocks.mutate.mockReset();
@@ -96,7 +96,7 @@ describe('SearchConfig', () => {
   it('renders Tavily-specific controls and submits Tavily config through updateSearch', async () => {
     const user = userEvent.setup();
 
-    render(<SearchConfig />);
+    render(<SearchConfigPage />);
 
     expect(screen.getByRole('heading', { name: 'Tavily Search' })).toBeTruthy();
     expect(screen.getByText('搜索深度')).toBeTruthy();

package/src/{shared/components/config/secrets-config.test.tsx → features/settings/pages/__tests__/secrets-config-page.test.tsx}

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { SecretsConfig } from '@/shared/components/config/secrets-config';
+import { SecretsConfigPage } from '@/features/settings/pages/secrets-config-page';
 import { setLanguage } from '@/shared/lib/i18n';
 
 const mocks = vi.hoisted(() => ({
@@ -39,7 +39,7 @@ vi.mock('@/shared/hooks/use-config', () => ({
   }),
 }));
 
-describe('SecretsConfig', () => {
+describe('SecretsConfigPage', () => {
   beforeEach(() => {
     setLanguage('zh');
     mocks.mutate.mockReset();
@@ -57,7 +57,7 @@ describe('SecretsConfig', () => {
   it('submits the loaded secrets config through updateSecrets', async () => {
     const user = userEvent.setup();
 
-    render(<SecretsConfig />);
+    render(<SecretsConfigPage />);
 
     expect(screen.getByText('Secret Providers')).toBeTruthy();
     expect(screen.getByDisplayValue('vault-env')).toBeTruthy();

package/src/{shared/components/model-config.tsx → features/settings/pages/model-config-page.tsx}

@@ -83,7 +83,7 @@ function ModelConfigForm(props: {
   );
 }
 
-export function ModelConfig() {
+export function ModelConfigPage() {
   const { data: config, isLoading } = useConfig();
   const { data: providersView } = useProviders();
   const { data: templatesView } = useProviderTemplates();

package/src/{shared/components/config/providers-list.tsx → features/settings/pages/providers-config-page.tsx}

@@ -8,10 +8,10 @@ import { Input } from '@/shared/components/ui/input';
 import { Switch } from '@/shared/components/ui/switch';
 import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
 import { ConfirmDialog } from '@/shared/components/ui/confirm-dialog';
-import { StatusDot } from '@/shared/components/ui/status-dot';
+import { StatusDot } from '@/shared/components/status/status-dot';
 import { t } from '@/shared/lib/i18n';
 import { cn } from '@/shared/lib/utils';
-import { ProviderForm } from '@/shared/components/config/provider-form';
+import { ProviderForm } from '@/features/settings/components/config/provider-form';
 import { useViewportLayout } from '@/app/hooks/use-viewport-layout';
 import {
   ConfigSplitEmptyState,
@@ -70,7 +70,7 @@ function sortTemplatesForPicker<T extends { providerType: string }>(templates: T
     .map(({ template }) => template);
 }
 
-export function ProvidersList() {
+export function ProvidersConfigPage() {
   const { isMobile } = useViewportLayout();
   const { data: providersView } = useProviders();
   const { data: templatesView } = useProviderTemplates();

package/src/{shared/components/search-config.tsx → features/settings/pages/search-config-page.tsx}

@@ -469,7 +469,7 @@ function SearchConfigForm(props: {
   );
 }
 
-export function SearchConfig() {
+export function SearchConfigPage() {
   const { data: config } = useConfig();
   const { data: meta } = useConfigMeta();
   const updateSearch = useUpdateSearch();

package/src/{shared/components/config/secrets-config.tsx → features/settings/pages/secrets-config-page.tsx}

@@ -1,8 +1,8 @@
 import { useConfig, useUpdateSecrets } from '@/shared/hooks/use-config';
 import { t } from '@/shared/lib/i18n';
-import { buildSecretsFormState, buildSecretsSubmitPayload, SecretsConfigForm } from '@/shared/components/config/secrets-config-form';
+import { buildSecretsFormState, buildSecretsSubmitPayload, SecretsConfigForm } from '@/features/settings/components/config/secrets-config-form';
 
-export function SecretsConfig() {
+export function SecretsConfigPage() {
   const { data: config, isLoading } = useConfig();
   const updateSecrets = useUpdateSecrets();
 

package/src/{shared/components/config/provider-form-support.test.ts → features/settings/utils/__tests__/provider-form-support.utils.test.ts}

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { resolveEditableModels, serializeModelsForSave } from './provider-form-support';
+import { resolveEditableModels, serializeModelsForSave } from '../provider-form-support.utils';
 
 describe('provider form model defaults', () => {
   it('keeps persisted empty models empty', () => {

package/src/features/side-dock/components/{side-dock.test.tsx → __tests__/side-dock.test.tsx}

@@ -110,4 +110,29 @@ describe('SideDock', () => {
 
     expect(screen.getByText('D')).toBeTruthy();
   });
+
+  it('renders emoji icons as visual dock icons instead of small text labels', () => {
+    const manager = {
+      openItem: vi.fn(),
+      unpinItem: vi.fn(),
+    } as unknown as SideDockManager;
+    const docBrowserManager = new DocBrowserManager();
+    useSideDockStore.getState().setPinnedItems([
+      {
+        createdAt: '2026-06-02T00:00:00.000Z',
+        icon: { type: 'text', value: '🎨' },
+        id: 'pinned-panel-app-palette',
+        label: 'Palette App',
+        target: { type: 'right-panel-resource', uri: 'nextclaw://panel-app/palette' },
+      },
+    ]);
+
+    render(
+      <DocBrowserProvider manager={docBrowserManager}>
+        <SideDock manager={manager} />
+      </DocBrowserProvider>,
+    );
+
+    expect(screen.getByText('🎨').className).toContain('text-[20px]');
+  });
 });

package/src/features/side-dock/components/side-dock.tsx

@@ -34,11 +34,24 @@ const SIDE_DOCK_ICON_COMPONENTS: Record<SideDockIconName, LucideIcon> = {
   'service-apps': AppWindow,
 };
 
+const SIDE_DOCK_EMOJI_ICON_PATTERN = /^\p{Extended_Pictographic}(?:\uFE0F|\uFE0E)?(?:\u200D\p{Extended_Pictographic}(?:\uFE0F|\uFE0E)?)*$/u;
+
+function isSideDockEmojiIcon(value: string): boolean {
+  return SIDE_DOCK_EMOJI_ICON_PATTERN.test(value.trim());
+}
+
 function SideDockItemIconView({ icon }: { icon: SideDockItemIcon }) {
   if (icon.type === 'url') {
     return <img src={icon.url} alt="" className="h-5 w-5 rounded object-cover" />;
   }
   if (icon.type === 'text') {
+    if (isSideDockEmojiIcon(icon.value)) {
+      return (
+        <span className="flex h-7 w-7 items-center justify-center text-[20px] leading-none" aria-hidden="true">
+          {icon.value}
+        </span>
+      );
+    }
     return (
       <span className="max-w-7 truncate text-center text-[13px] font-semibold leading-none" aria-hidden="true">
         {icon.value}

package/src/features/system-status/components/{runtime-control-card.test.tsx → __tests__/runtime-control-card.test.tsx}

@@ -2,7 +2,7 @@ import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { toast } from 'sonner';
-import { RuntimeControlCard } from './runtime-control-card';
+import { RuntimeControlCard } from '../runtime-control-card';
 import { setLanguage } from '@/shared/lib/i18n';
 
 const baseControlView = {

package/src/features/system-status/components/{runtime-presence-card.test.tsx → __tests__/runtime-presence-card.test.tsx}

@@ -1,7 +1,7 @@
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { RuntimePresenceCard } from './runtime-presence-card';
+import { RuntimePresenceCard } from '../runtime-presence-card';
 import { setLanguage } from '@/shared/lib/i18n';
 import { useDesktopPresenceStore } from '@/platforms/desktop';
 

package/src/features/system-status/components/desktop-update-config.tsx

@@ -8,6 +8,7 @@ import { Switch } from '@/shared/components/ui/switch';
 import { PageHeader, PageLayout } from '@/app/components/layout/page-layout';
 import { formatDateTime, t } from '@/shared/lib/i18n';
 import { cn } from '@/shared/lib/utils';
+import { hostCapabilityManager } from '@/shared/lib/host-capabilities';
 import { Download, ExternalLink, RefreshCw, RotateCw } from 'lucide-react';
 
 const STATUS_LABEL_KEYS: Record<string, string> = {
@@ -249,7 +250,7 @@ export function DesktopUpdateConfig() {
             <RotateCw className={cn('mr-2 h-4 w-4', isApplying && 'animate-spin')} />
             {t('runtimeUpdatesApplyNow')}
           </Button>
-          {snapshot.releaseNotesUrl ? <Button variant="ghost" onClick={() => window.open(snapshot.releaseNotesUrl ?? '', '_blank', 'noopener,noreferrer')}><ExternalLink className="mr-2 h-4 w-4" />{t('desktopUpdatesReleaseNotes')}</Button> : null}
+          {snapshot.releaseNotesUrl ? <Button variant="ghost" onClick={() => void hostCapabilityManager.openExternalUrl(snapshot.releaseNotesUrl ?? '')}><ExternalLink className="mr-2 h-4 w-4" />{t('desktopUpdatesReleaseNotes')}</Button> : null}
         </CardContent>
       </Card>
     </PageLayout>

package/src/features/system-status/components/runtime-presence-card.tsx

@@ -6,8 +6,8 @@ import {
   CardHeader,
   CardTitle,
 } from "@/shared/components/ui/card";
-import { NoticeCard } from "@/shared/components/ui/notice-card";
-import { SettingRow } from "@/shared/components/ui/setting-row";
+import { NoticeCard } from "@/shared/components/feedback/notice-card";
+import { SettingRow } from "@/shared/components/settings/setting-row";
 import { Switch } from "@/shared/components/ui/switch";
 import {
   desktopPresenceManager,

package/src/features/system-status/managers/{system-status.manager.bootstrap-polling.test.ts → __tests__/system-status.manager.bootstrap-polling.test.ts}

@@ -1,5 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { systemStatusManager } from './system-status.manager';
+import { systemStatusManager } from '../system-status.manager';
 import { appQueryClient } from '@/app-query-client';
 import type { BootstrapStatusView } from '@/shared/lib/api';
 

package/src/features/system-status/managers/{system-status.manager.test.ts → __tests__/system-status.manager.test.ts}

@@ -1,7 +1,7 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import type { BootstrapStatusView } from '@/shared/lib/api';
 import { appQueryClient } from '@/app-query-client';
-import { systemStatusManager } from './system-status.manager';
+import { systemStatusManager } from '../system-status.manager';
 import { isTransientRuntimeConnectionErrorMessage } from '@/shared/lib/transport';
 import { useSystemStatusStore } from '@/features/system-status/stores/system-status.store';
 

package/src/features/system-status/utils/{system-status.utils.test.ts → __tests__/system-status.utils.test.ts}

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 import {
   resolveSystemConnectionStatus,
   toSystemStatusView,
-} from './system-status.utils';
+} from '../system-status.utils';
 
 describe('resolveSystemConnectionStatus', () => {
   it('maps cold-starting to connecting', () => {

package/src/platforms/desktop/types/desktop-update.types.ts

@@ -52,6 +52,14 @@ export type DesktopWindowControlAction = 'minimize' | 'toggle-maximize' | 'close
 
 export type DesktopWindowStateSnapshot = { isMaximized: boolean };
 
+export type DesktopOpenExternalUrlResult =
+  | { opened: true }
+  | { opened: false; reason: 'unsupported-url' | 'popup-blocked' | 'bridge-failed' };
+
+export type DesktopHostBridge = {
+  openExternalUrl: (url: string) => Promise<DesktopOpenExternalUrlResult>;
+};
+
 export type NextClawDesktopBridge = {
   platform: string;
   version: string;
@@ -69,6 +77,7 @@ export type NextClawDesktopBridge = {
   setLocalePreference?: (language: DesktopUiLanguagePreference | null) => Promise<DesktopUiLanguagePreference | null>;
   controlWindow?: (action: DesktopWindowControlAction) => Promise<void>;
   getWindowState?: () => Promise<DesktopWindowStateSnapshot>;
+  host?: DesktopHostBridge;
   onWindowStateChanged?: (listener: (snapshot: DesktopWindowStateSnapshot) => void) => () => void;
   onUpdateStateChanged: (listener: (snapshot: DesktopUpdateSnapshot) => void) => () => void;
 };

package/src/shared/components/actions/action-link.tsx

@@ -0,0 +1,49 @@
+import { cn } from '@/shared/lib/utils';
+import { ArrowRight, ExternalLink } from 'lucide-react';
+
+interface ActionLinkProps {
+    label: string;
+    className?: string;
+    onClick?: () => void;
+}
+
+interface ExternalActionLinkProps {
+    label: string;
+    className?: string;
+    onClick: () => void;
+}
+
+/**
+ * Unified action link with arrow indicator.
+ * Used in card footers for "Configure →", "Enable →", etc.
+ */
+export function ActionLink({ label, className, onClick }: ActionLinkProps) {
+    return (
+        <span
+            onClick={onClick}
+            className={cn(
+                'inline-flex items-center gap-1 text-[13px] font-medium text-gray-600 hover:text-primary transition-colors cursor-pointer group/action',
+                className
+            )}
+        >
+            {label}
+            <ArrowRight className="h-3 w-3 transition-transform group-hover/action:translate-x-0.5" />
+        </span>
+    );
+}
+
+export function ExternalActionLink({ label, className, onClick }: ExternalActionLinkProps) {
+    return (
+        <button
+            type="button"
+            className={cn(
+                'inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md px-1.5 text-[13px] font-medium text-primary transition-colors hover:text-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+                className
+            )}
+            onClick={onClick}
+        >
+            <ExternalLink className="h-3.5 w-3.5" />
+            {label}
+        </button>
+    );
+}

package/src/shared/components/common/{agent-avatar.test.tsx → __tests__/agent-avatar.test.tsx}

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
-import { AgentAvatar } from './agent-avatar';
+import { AgentAvatar } from '../agent-avatar';
 
 describe('AgentAvatar', () => {
   it('uses the configured image for the main agent before fallback', () => {

package/src/shared/components/common/agent-identity/use-agent-identity.ts

@@ -1,6 +1,5 @@
 import { useMemo } from 'react';
 import type { AgentProfileView } from '@/shared/lib/api';
-import { useChatThreadStore } from '@/features/chat';
 import { useAgents } from '@/shared/hooks/use-agents';
 
 export type ResolvedAgentIdentity = {
@@ -11,11 +10,10 @@ export type ResolvedAgentIdentity = {
 };
 
 function buildAgentProfileMap(
-  scopedAgents: readonly AgentProfileView[],
   queryAgents: readonly AgentProfileView[],
 ): Map<string, AgentProfileView> {
   return new Map(
-    [...queryAgents, ...scopedAgents]
+    queryAgents
       .filter((agent) => typeof agent.id === 'string' && agent.id.trim().length > 0)
       .map((agent) => [agent.id, agent]),
   );
@@ -25,14 +23,11 @@ export function useAgentIdentity(
   agentId?: string | null,
 ): ResolvedAgentIdentity | null {
   const normalizedAgentId = agentId?.trim() ?? '';
-  const scopedAgents = useChatThreadStore(
-    (state) => state.snapshot.availableAgents ?? [],
-  );
   const agentsQuery = useAgents();
 
   const agentById = useMemo(
-    () => buildAgentProfileMap(scopedAgents, agentsQuery.data?.agents ?? []),
-    [agentsQuery.data?.agents, scopedAgents],
+    () => buildAgentProfileMap(agentsQuery.data?.agents ?? []),
+    [agentsQuery.data?.agents],
   );
 
   return useMemo(() => {

package/src/shared/components/common/brand-header.tsx

@@ -1,6 +1,6 @@
 import type { UpdateSnapshot } from '@nextclaw/shared';
 import { runtimeUpdateManager, useRuntimeUpdateStore } from '@/features/system-status';
-import { useAppMeta } from '@/shared/hooks/use-config';
+import { useAppMeta } from '@/shared/hooks/use-app-meta';
 import { type ReactNode, useState } from 'react';
 import { RuntimeStatusEntry } from '@/app/components/layout/runtime-status-entry';
 import { t } from '@/shared/lib/i18n';

package/src/shared/components/common/tag-input.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { X } from "lucide-react";
 import { cn } from "@/shared/lib/utils";
 import { t } from "@/shared/lib/i18n";
-import { TagChip } from "@/shared/components/ui/tag-chip";
+import { TagChip } from "@/shared/components/tags/tag-chip";
 
 interface TagInputProps {
   value: string[];

package/src/shared/components/doc-browser/{doc-browser-context.test.tsx → __tests__/doc-browser-context.test.tsx}

@@ -1,6 +1,6 @@
 import { act, renderHook, waitFor } from '@testing-library/react';
 import type { ReactNode } from 'react';
-import { DocBrowserProvider, useDocBrowser } from './doc-browser-context';
+import { DocBrowserProvider, useDocBrowser } from '../doc-browser-context';
 import { RightPanelResourceRouteResolver } from '@/features/right-panel-resources';
 import { DocBrowserManager } from '@/shared/components/doc-browser/managers/doc-browser.manager';
 import { createDefaultDocBrowserState } from '@/shared/components/doc-browser/utils/doc-browser-state.utils';