@nextclaw/ui 0.13.13 → 0.14.1-beta.0

package/src/features/panel-apps/components/panel-apps-list.tsx

@@ -1,5 +1,6 @@
 import { useMemo, useState, type ReactNode } from 'react';
-import { HelpCircle, RefreshCw } from 'lucide-react';
+import { AppWindow, FileCode2, HelpCircle, MessageSquarePlus, RefreshCw } from 'lucide-react';
+import { useNavigate } from 'react-router-dom';
 import { useAppPresenter } from '@/app/components/app-presenter-provider';
 import { PanelAppListItem } from '@/features/panel-apps/components/panel-app-list-item';
 import { useDeletePanelApp, useGrantPanelAppClient, usePanelApps, useRecordPanelAppOpened, useUpdatePanelAppPreferences } from '@/features/panel-apps/hooks/use-panel-apps';
@@ -10,6 +11,8 @@ import { Tabs, TabsList, TabsTrigger } from '@/shared/components/ui/tabs';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/shared/components/ui/tooltip';
 import { t } from '@/shared/lib/i18n';
 
+const EMPTY_PANEL_APP_ENTRIES: PanelAppEntryView[] = [];
+
 export function PanelAppsList({
   headerContent,
   onOpenPanelApp,
@@ -23,10 +26,12 @@ export function PanelAppsList({
   const recordOpened = useRecordPanelAppOpened();
   const grantClient = useGrantPanelAppClient();
   const presenter = useAppPresenter();
+  const navigate = useNavigate();
   const [viewMode, setViewMode] = useState<PanelAppViewMode>('smart');
+  const allEntries = panelApps.data?.entries ?? EMPTY_PANEL_APP_ENTRIES;
   const entries = useMemo(
-    () => getPanelAppViewEntries(panelApps.data?.entries ?? [], viewMode),
-    [panelApps.data?.entries, viewMode],
+    () => getPanelAppViewEntries(allEntries, viewMode),
+    [allEntries, viewMode],
   );
 
   const openPanelApp = async (entry: PanelAppEntryView) => {
@@ -71,6 +76,11 @@ export function PanelAppsList({
     deletePanelApp.mutate(entry.id);
   };
 
+  const startExamplePanelAppDraft = () => {
+    navigate('/chat');
+    presenter.chatDraftIntentManager.requestDraft(t('panelAppsExamplePrompt'));
+  };
+
   if (panelApps.isLoading) {
     return (
       <div className="flex h-full items-center justify-center text-sm text-gray-500">{t('panelAppsLoading')}</div>
@@ -122,8 +132,14 @@ export function PanelAppsList({
           </TabsList>
         </Tabs>
       </div>
-      {entries.length === 0 ? (
-        <div className="flex flex-1 items-center justify-center px-6 text-center text-sm text-gray-500">{t('panelAppsEmpty')}</div>
+      {allEntries.length === 0 ? (
+        <PanelAppsEmptyGuide
+          panelsPath={panelApps.data?.panelsPath}
+          onCreateExample={startExamplePanelAppDraft}
+          onRefresh={() => void panelApps.refetch()}
+        />
+      ) : entries.length === 0 ? (
+        <div className="flex flex-1 items-center justify-center px-6 text-center text-sm text-gray-500">{t('panelAppsEmptyFiltered')}</div>
       ) : (
         <div className="custom-scrollbar min-h-0 flex-1 overflow-y-auto p-3">
           <div className="space-y-1.5">
@@ -144,3 +160,101 @@ export function PanelAppsList({
     </div>
   );
 }
+
+function PanelAppsEmptyGuide({
+  onCreateExample,
+  panelsPath,
+  onRefresh,
+}: {
+  onCreateExample: () => void;
+  panelsPath?: string;
+  onRefresh: () => void;
+}) {
+  return (
+    <div className="flex flex-1 items-center justify-center overflow-y-auto px-5 py-6 text-center">
+      <div className="w-full max-w-sm">
+        <div className="mx-auto flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
+          <AppWindow className="h-5 w-5" />
+        </div>
+        <h2 className="mt-3 text-sm font-semibold text-gray-900">{t('panelAppsEmptyTitle')}</h2>
+        <p className="mt-1 text-xs leading-5 text-gray-500">{t('panelAppsEmptyDescription')}</p>
+
+        <div className="mt-4 space-y-2 text-left">
+          <PanelAppsEmptyGuideStep
+            icon={<MessageSquarePlus className="h-4 w-4" />}
+            title={t('panelAppsEmptyAskTitle')}
+            description={t('panelAppsEmptyAskDescription')}
+            actionLabel={t('panelAppsEmptyAskAction')}
+            onAction={onCreateExample}
+          />
+          <PanelAppsEmptyGuideStep
+            icon={<FileCode2 className="h-4 w-4" />}
+            title={t('panelAppsEmptyFileTitle')}
+            description={t('panelAppsEmptyFileDescription')}
+          />
+        </div>
+
+        {panelsPath ? (
+          <div className="mt-4 rounded-md bg-gray-50 px-3 py-2 text-left">
+            <div className="text-[11px] font-medium uppercase text-gray-400">{t('panelAppsPanelsPath')}</div>
+            <code className="mt-1 block break-all text-xs text-gray-600">{panelsPath}</code>
+          </div>
+        ) : null}
+
+        <button
+          type="button"
+          onClick={onRefresh}
+          className="mt-4 inline-flex items-center justify-center gap-1.5 rounded-md border border-gray-200 px-3 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+        >
+          <RefreshCw className="h-3.5 w-3.5" />
+          {t('panelAppsRefresh')}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function PanelAppsEmptyGuideStep({
+  actionLabel,
+  description,
+  icon,
+  onAction,
+  title,
+}: {
+  actionLabel?: string;
+  description: string;
+  icon: ReactNode;
+  onAction?: () => void;
+  title: string;
+}) {
+  const content = (
+    <>
+      <div className="mt-0.5 text-gray-500">{icon}</div>
+      <div className="min-w-0">
+        <div className="text-xs font-medium text-gray-800">{title}</div>
+        <div className="mt-0.5 text-xs leading-5 text-gray-500">{description}</div>
+        {actionLabel ? (
+          <div className="mt-2 text-xs font-medium text-primary">{actionLabel}</div>
+        ) : null}
+      </div>
+    </>
+  );
+
+  if (onAction) {
+    return (
+      <button
+        type="button"
+        onClick={onAction}
+        className="flex w-full gap-2 rounded-md bg-gray-50 px-3 py-2.5 text-left transition-colors hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+      >
+        {content}
+      </button>
+    );
+  }
+
+  return (
+    <div className="flex gap-2 rounded-md bg-gray-50 px-3 py-2.5">
+      {content}
+    </div>
+  );
+}

package/src/features/panel-apps/index.ts

@@ -1,5 +1,7 @@
 export { PanelAppsList } from './components/panel-apps-list';
+export { usePanelApps } from './hooks/use-panel-apps';
 export { PanelAppBridgeManager } from './managers/panel-app-bridge.manager';
+export { findPanelAppEntryByDisplayId } from './utils/panel-app-entry-match.utils';
 export {
   openApps,
   PANEL_APPS_DOC_BROWSER_RENDERERS,

package/src/features/panel-apps/utils/{panel-app-view.utils.test.ts → __tests__/panel-app-view.utils.test.ts}

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 import type { PanelAppEntryView } from '@/shared/lib/api';
-import { getPanelAppViewEntries } from './panel-app-view.utils';
+import { getPanelAppViewEntries } from '../panel-app-view.utils';
 
 function createPanelAppEntry(overrides: Partial<PanelAppEntryView> = {}): PanelAppEntryView {
   const createdAt = overrides.createdAt ?? '2026-05-01T00:00:00.000Z';

package/src/features/panel-apps/utils/panel-app-entry-match.utils.ts

@@ -0,0 +1,17 @@
+import type { PanelAppEntryView } from '@/shared/lib/api';
+
+function isPanelAppEntryMatch(entry: PanelAppEntryView, value: string): boolean {
+  const normalizedValue = value.trim();
+  return [entry.id, entry.appId, entry.fileName, entry.title].some((candidate) => candidate.trim() === normalizedValue);
+}
+
+export function findPanelAppEntryByDisplayId(
+  entries: readonly PanelAppEntryView[],
+  value: string,
+): PanelAppEntryView | null {
+  const normalizedValue = value.trim();
+  if (!normalizedValue) {
+    return null;
+  }
+  return entries.find((entry) => isPanelAppEntryMatch(entry, normalizedValue)) ?? null;
+}

package/src/features/pwa/managers/{pwa-service-worker-cache.manager.test.ts → __tests__/pwa-service-worker-cache.manager.test.ts}

@@ -1,4 +1,4 @@
-import serviceWorkerSource from '../../../../public/sw.js?raw';
+import serviceWorkerSource from '../../../../../public/sw.js?raw';
 
 describe('NextClaw service worker cache policy', () => {
   it('does not precache the app shell entrypoint', () => {

package/src/features/remote/components/remote-access-page.tsx

@@ -7,8 +7,8 @@ import {
   CardHeader,
   CardTitle,
 } from "@/shared/components/ui/card";
-import { NoticeCard } from "@/shared/components/ui/notice-card";
-import { StatusDot } from "@/shared/components/ui/status-dot";
+import { NoticeCard } from "@/shared/components/feedback/notice-card";
+import { StatusDot } from "@/shared/components/status/status-dot";
 import { useAppPresenter } from "@/app/components/app-presenter-provider";
 import {
   buildRemoteAccessFeedbackView,

package/src/features/remote/services/{remote-access-feedback.service.test.ts → __tests__/remote-access-feedback.service.test.ts}

@@ -1,7 +1,7 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 import type { RemoteAccessView } from '@/shared/lib/api';
 import { setLanguage } from '@/shared/lib/i18n';
-import { buildRemoteAccessFeedbackView, requiresRemoteReauthorization } from './remote-access-feedback.service';
+import { buildRemoteAccessFeedbackView, requiresRemoteReauthorization } from '../remote-access-feedback.service';
 
 function createRemoteAccessView(overrides: Partial<RemoteAccessView> = {}): RemoteAccessView {
   return {

package/src/{shared → features/settings}/components/config/provider-form.tsx

@@ -27,8 +27,8 @@ import {
   ConfigSplitPaneFooter,
   ConfigSplitPaneHeader
 } from '@/shared/components/config-split-page';
-import { ProviderAdvancedSettingsSection } from '@/shared/components/provider-advanced-settings-section';
-import { ProviderAuthSection } from '@/shared/components/provider-auth-section';
+import { ProviderAdvancedSettingsSection } from '@/features/settings/components/config/provider-advanced-settings-section';
+import { ProviderAuthSection } from '@/features/settings/components/config/provider-auth-section';
 import {
   EMPTY_PROVIDER_CONFIG,
   formatThinkingLevelLabel,
@@ -47,10 +47,10 @@ import {
   toProviderLocalModelId,
   type ModelConfig,
   type WireApiType
-} from './provider-form-support';
+} from '@/features/settings/utils/provider-form-support.utils';
 import { ProviderModelsSection } from './provider-models-section';
-import type { PillSelectOption } from '@/shared/components/provider-pill-selector';
-import { ProviderStatusBadge } from '@/shared/components/provider-status-badge';
+import type { PillSelectOption } from '@/features/settings/components/config/provider-pill-selector';
+import { ProviderStatusBadge } from '@/features/settings/components/config/provider-status-badge';
 import { hostCapabilityManager } from '@/shared/lib/host-capabilities';
 type ProviderFormProps = {
   providerName?: string;

package/src/{shared/components → features/settings/components/config}/provider-status-badge.tsx

@@ -1,4 +1,4 @@
-import { StatusDot } from '@/shared/components/ui/status-dot';
+import { StatusDot } from '@/shared/components/status/status-dot';
 import { t } from '@/shared/lib/i18n';
 
 type ProviderStatusBadgeProps = {

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/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/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/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', () => {