@nextclaw/ui 0.14.1-beta.1 → 0.14.1

package/src/features/chat/features/session-type/hooks/use-chat-new-session-type-preference.ts

@@ -0,0 +1,159 @@
+import { useCallback, useMemo } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  fetchPreference,
+  PREFERENCE_KEYS,
+  updatePreference,
+  type PreferenceEntryView,
+} from "@/shared/lib/api";
+import {
+  normalizeSessionType,
+  type ChatSessionTypeOption,
+} from "@/features/chat/features/session-type/utils/chat-session-type.utils";
+
+const CHAT_NEW_SESSION_TYPE_PREFERENCE_KEY =
+  PREFERENCE_KEYS.chat.newSessionType;
+const chatNewSessionTypePreferenceQueryKey = [
+  "preference",
+  CHAT_NEW_SESSION_TYPE_PREFERENCE_KEY,
+] as const;
+
+type UseChatNewSessionTypePreferenceParams = {
+  defaultSessionType: string;
+  sessionTypeOptions: readonly ChatSessionTypeOption[];
+};
+
+function findSelectableSessionTypeOption(
+  sessionType: string,
+  sessionTypeOptions: readonly ChatSessionTypeOption[],
+): ChatSessionTypeOption | null {
+  const normalizedSessionType = normalizeSessionType(sessionType);
+  return (
+    sessionTypeOptions.find(
+      (option) =>
+        option.value === normalizedSessionType && option.ready !== false,
+    ) ?? null
+  );
+}
+
+function resolveNewSessionTypeOption(params: {
+  preferredSessionType: string | null;
+  defaultSessionType: string;
+  sessionTypeOptions: readonly ChatSessionTypeOption[];
+}): ChatSessionTypeOption {
+  const { defaultSessionType, preferredSessionType, sessionTypeOptions } =
+    params;
+  const preferredOption = preferredSessionType
+    ? findSelectableSessionTypeOption(preferredSessionType, sessionTypeOptions)
+    : null;
+  const defaultOption = findSelectableSessionTypeOption(
+    defaultSessionType,
+    sessionTypeOptions,
+  );
+  return (
+    preferredOption ??
+    defaultOption ??
+    sessionTypeOptions.find((option) => option.ready !== false) ??
+    sessionTypeOptions[0] ?? {
+      value: normalizeSessionType(defaultSessionType),
+      label: normalizeSessionType(defaultSessionType),
+      icon: null,
+      ready: true,
+      reason: null,
+      reasonMessage: null,
+      supportedModels: undefined,
+      recommendedModel: null,
+      modelSelectionMode: "nextclaw",
+      runtimeDefaultThinking: null,
+      cta: null,
+    }
+  );
+}
+
+function readPreferredSessionType(entry: PreferenceEntryView | undefined) {
+  return typeof entry?.value === "string"
+    ? normalizeSessionType(entry.value)
+    : null;
+}
+
+export function useChatNewSessionTypePreference({
+  defaultSessionType,
+  sessionTypeOptions,
+}: UseChatNewSessionTypePreferenceParams) {
+  const queryClient = useQueryClient();
+  const preferenceQuery = useQuery({
+    queryKey: chatNewSessionTypePreferenceQueryKey,
+    queryFn: () => fetchPreference(CHAT_NEW_SESSION_TYPE_PREFERENCE_KEY),
+    staleTime: 30_000,
+    retry: false,
+  });
+  const preferredSessionType = useMemo(
+    () => readPreferredSessionType(preferenceQuery.data),
+    [preferenceQuery.data],
+  );
+  const selectedSessionTypeOption = useMemo(
+    () =>
+      resolveNewSessionTypeOption({
+        preferredSessionType,
+        defaultSessionType,
+        sessionTypeOptions,
+      }),
+    [defaultSessionType, preferredSessionType, sessionTypeOptions],
+  );
+  const updateNewSessionType = useMutation({
+    mutationFn: async (sessionType: string) =>
+      await updatePreference(
+        CHAT_NEW_SESSION_TYPE_PREFERENCE_KEY,
+        normalizeSessionType(sessionType),
+      ),
+    onMutate: async (sessionType) => {
+      const normalizedSessionType = normalizeSessionType(sessionType);
+      await queryClient.cancelQueries({
+        queryKey: chatNewSessionTypePreferenceQueryKey,
+      });
+      const previous = queryClient.getQueryData<PreferenceEntryView>(
+        chatNewSessionTypePreferenceQueryKey,
+      );
+      queryClient.setQueryData<PreferenceEntryView>(
+        chatNewSessionTypePreferenceQueryKey,
+        {
+          key: CHAT_NEW_SESSION_TYPE_PREFERENCE_KEY,
+          value: normalizedSessionType,
+          updatedAt: new Date().toISOString(),
+        },
+      );
+      return { previous };
+    },
+    onError: (_error, _sessionType, context) => {
+      if (context?.previous) {
+        queryClient.setQueryData(
+          chatNewSessionTypePreferenceQueryKey,
+          context.previous,
+        );
+      }
+    },
+    onSuccess: (entry) => {
+      queryClient.setQueryData(chatNewSessionTypePreferenceQueryKey, entry);
+    },
+  });
+  const setSelectedSessionType = useCallback(
+    (sessionType: string) => {
+      const nextOption = findSelectableSessionTypeOption(
+        sessionType,
+        sessionTypeOptions,
+      );
+      if (!nextOption) {
+        return;
+      }
+      updateNewSessionType.mutate(nextOption.value);
+    },
+    [sessionTypeOptions, updateNewSessionType],
+  );
+
+  return {
+    selectedSessionType: selectedSessionTypeOption.value,
+    selectedSessionTypeOption,
+    isLoading: preferenceQuery.isLoading,
+    setSelectedSessionType,
+  };
+}

package/src/features/marketplace/components/__tests__/marketplace-page.test.tsx

@@ -236,6 +236,30 @@ describe("MarketplacePage", () => {
     expect(card?.textContent).not.toContain("Skill");
   });
 
+  it("hides redundant skill tags while keeping useful tags", () => {
+    mocks.itemsQuery = createItemsQuery({
+      data: {
+        total: 1,
+        page: 1,
+        pageSize: 20,
+        totalPages: 1,
+        sort: "relevance",
+        items: [
+          createMarketplaceItem({
+            tags: ["skill", "automation", "Skill", "ops"],
+          }),
+        ],
+      } satisfies MarketplaceListView,
+    });
+
+    render(<MarketplacePage forcedType="skills" />);
+
+    expect(screen.queryByText("skill")).toBeNull();
+    expect(screen.queryByText("Skill")).toBeNull();
+    expect(screen.getAllByText("automation").length).toBeGreaterThan(0);
+    expect(screen.getAllByText("ops").length).toBeGreaterThan(0);
+  });
+
   it("does not dim the loaded list during background refresh", () => {
     mocks.itemsQuery = createItemsQuery({
       data: {

package/src/features/marketplace/components/curated-shelves/marketplace-shelf-card.tsx

@@ -46,7 +46,7 @@ export function SkillShelfCard(props: {
         layout === "rail" ? "w-[260px] shrink-0" : "w-full min-w-0",
       )}
     >
-      <div>
+      <div className="flex min-h-0 flex-1 flex-col">
         <div className="mb-2.5 flex min-w-0 items-start gap-2.5">
           <MarketplaceItemIcon name={item.name} fallback={item.install.spec} />
           <div className="min-w-0 flex-1 pt-0.5">
@@ -97,17 +97,22 @@ function formatShelfMeta(item: MarketplaceItemSummary) {
 }
 
 function TagLine({ tags }: { tags: string[] }) {
-  const visibleTags = tags.slice(0, 2);
+  const visibleTags = tags.filter(isVisibleShelfTag).slice(0, 2);
   if (visibleTags.length === 0) {
     return null;
   }
   return (
-    <div className="mt-2 truncate text-[11px] font-medium text-gray-400">
+    <div className="mt-auto truncate pt-2 text-[11px] font-medium text-gray-400">
       {visibleTags.join(" / ")}
     </div>
   );
 }
 
+function isVisibleShelfTag(tag: string) {
+  const normalized = tag.trim().toLowerCase();
+  return normalized.length > 0 && normalized !== "skill";
+}
+
 function formatUpdatedAt(value: string) {
   const date = value.slice(0, 10);
   return date || value;

package/src/features/marketplace/components/marketplace-item-list-view.tsx

@@ -127,8 +127,8 @@ export function MarketplaceItemListView({
       <div
         data-testid={showSkeleton ? "marketplace-list-skeleton" : undefined}
         className={cn(
-          "grid grid-cols-1 gap-3 lg:grid-cols-2 2xl:grid-cols-3",
-          showSkeleton && "min-h-0 flex-1 auto-rows-[104px] content-start",
+          "grid grid-cols-1 gap-2.5 md:grid-cols-2 xl:grid-cols-3",
+          showSkeleton && "min-h-0 flex-1 auto-rows-[156px] content-start",
         )}
       >
         {showSkeleton && <MarketplaceListSkeleton count={36} />}

package/src/features/marketplace/components/marketplace-list-card.tsx

@@ -37,7 +37,6 @@ type MarketplaceListCardActionProps = {
   record?: MarketplaceInstalledRecord;
   state: {
     isInstalling: boolean;
-    isDisabled: boolean;
     canUpdate: boolean;
     canUninstall: boolean;
     busyAction?: MarketplaceManageAction;
@@ -52,17 +51,15 @@ type MarketplaceListCardActionProps = {
 function MarketplaceListCardMeta({
   title,
   spec,
-  summary,
 }: {
   title: string;
   spec: string;
-  summary: string;
 }) {
   return (
     <TooltipProvider delayDuration={400}>
       <Tooltip>
         <TooltipTrigger asChild>
-          <div className="truncate text-[14px] font-semibold leading-tight text-gray-900">
+          <div className="truncate text-[14px] font-semibold leading-tight text-gray-950">
             {title}
           </div>
         </TooltipTrigger>
@@ -71,11 +68,11 @@ function MarketplaceListCardMeta({
         </TooltipContent>
       </Tooltip>
 
-      <div className="mb-1.5 mt-0.5 flex min-w-0 items-center gap-1.5">
+      <div className="mb-2 mt-1 flex min-w-0 items-center gap-1.5">
         {spec ? (
           <Tooltip>
             <TooltipTrigger asChild>
-              <span className="max-w-full truncate text-[11px] font-mono text-gray-400">
+              <span className="max-w-full truncate text-[11px] font-mono leading-tight text-gray-400">
                 {spec}
               </span>
             </TooltipTrigger>
@@ -85,15 +82,11 @@ function MarketplaceListCardMeta({
           </Tooltip>
         ) : null}
       </div>
-
-      <p className="line-clamp-2 text-left text-[12px] leading-relaxed text-gray-500/90">
-        {summary}
-      </p>
     </TooltipProvider>
   );
 }
 
-function MarketplaceListCardActions(props: MarketplaceListCardActionProps) {
+function MarketplaceListCardActionButtons(props: MarketplaceListCardActionProps) {
   const {
     item,
     record,
@@ -103,96 +96,94 @@ function MarketplaceListCardActions(props: MarketplaceListCardActionProps) {
   } = props;
   const {
     isInstalling,
-    isDisabled,
     canUpdate,
     canUninstall,
     busyAction,
   } = state;
   const busyForRecord = Boolean(busyAction);
   const hasActions = Boolean((item && !record) || (record && (canUpdate || canUninstall)));
+  if (!hasActions) {
+    return null;
+  }
 
   return (
     <div
       className={cn(
-        "relative flex h-8 shrink-0 items-center justify-end",
-        record ? "md:w-5" : "md:w-0",
+        "flex shrink-0 items-center justify-end gap-1.5 opacity-100 transition-opacity duration-150",
+        "md:pointer-events-none md:opacity-0",
+        "md:group-hover:pointer-events-auto md:group-hover:opacity-100",
+        "md:group-focus-within:pointer-events-auto md:group-focus-within:opacity-100",
       )}
     >
-      <div
-        className={cn(
-          "hidden items-center justify-end transition-opacity duration-150 md:flex",
-          hasActions && "group-hover:opacity-0 group-focus-within:opacity-0",
-        )}
-      >
-        {record ? (
-          <MarketplaceInstalledStatusIcon disabled={isDisabled} />
-        ) : null}
-      </div>
+      {item && !record && (
+        <button
+          onClick={(event) => {
+            event.stopPropagation();
+            onInstall(item);
+          }}
+          disabled={isInstalling}
+          className="inline-flex h-6 items-center gap-1 whitespace-nowrap rounded-md bg-primary px-2 text-[11px] font-medium text-white transition-colors hover:bg-primary-600 disabled:opacity-50"
+        >
+          <Download className="h-3 w-3" />
+          {isInstalling ? t("marketplaceInstalling") : t("marketplaceInstall")}
+        </button>
+      )}
 
-      <div
-        className={cn(
-          "flex w-max items-center justify-end gap-2 transition-opacity duration-150",
-          "opacity-100 md:pointer-events-none md:absolute md:right-0 md:opacity-0",
-          "md:group-hover:pointer-events-auto md:group-hover:opacity-100",
-          "md:group-focus-within:pointer-events-auto md:group-focus-within:opacity-100",
-        )}
-      >
-        {item && !record && (
-          <button
-            onClick={(event) => {
-              event.stopPropagation();
-              onInstall(item);
-            }}
-            disabled={isInstalling}
-            className="inline-flex h-8 items-center gap-1.5 whitespace-nowrap rounded-xl bg-primary px-3 text-xs font-medium text-white transition-colors hover:bg-primary-600 disabled:opacity-50"
-          >
-            <Download className="h-3.5 w-3.5" />
-            {isInstalling ? t("marketplaceInstalling") : t("marketplaceInstall")}
-          </button>
-        )}
+      {record && canUpdate && (
+        <button
+          disabled={busyForRecord}
+          onClick={(event) => {
+            event.stopPropagation();
+            onManage("update", record);
+          }}
+          className="inline-flex h-6 items-center gap-1 whitespace-nowrap rounded-md border border-blue-200/80 bg-white px-2 text-[11px] font-medium text-blue-600 transition-colors hover:border-blue-300 hover:bg-blue-50 disabled:opacity-50"
+        >
+          <RefreshCw className="h-3 w-3" />
+          {busyAction === "update"
+            ? t("marketplaceUpdating")
+            : t("marketplaceUpdate")}
+        </button>
+      )}
 
-        {record && canUpdate && (
-          <button
-            disabled={busyForRecord}
-            onClick={(event) => {
-              event.stopPropagation();
-              onManage("update", record);
-            }}
-            className="inline-flex h-8 items-center gap-1.5 whitespace-nowrap rounded-xl border border-blue-200/80 bg-white px-3 text-xs font-medium text-blue-600 transition-colors hover:border-blue-300 hover:bg-blue-50 disabled:opacity-50"
-          >
-            <RefreshCw className="h-3.5 w-3.5" />
-            {busyAction === "update"
-              ? t("marketplaceUpdating")
-              : t("marketplaceUpdate")}
-          </button>
-        )}
+      {record && canUninstall && (
+        <button
+          disabled={busyForRecord}
+          onClick={(event) => {
+            event.stopPropagation();
+            onManage("uninstall", record);
+          }}
+          className="inline-flex h-6 items-center gap-1 whitespace-nowrap rounded-md border border-gray-200/80 bg-white px-2 text-[11px] font-medium text-gray-500 transition-colors hover:border-rose-200 hover:bg-rose-50 hover:text-rose-600 disabled:opacity-50"
+        >
+          <Trash2 className="h-3 w-3" />
+          {busyAction === "uninstall"
+            ? t("marketplaceRemoving")
+            : t("marketplaceUninstall")}
+        </button>
+      )}
+    </div>
+  );
+}
 
-        {record && canUninstall && (
-          <button
-            disabled={busyForRecord}
-            onClick={(event) => {
-              event.stopPropagation();
-              onManage("uninstall", record);
-            }}
-            className="inline-flex h-8 items-center gap-1.5 whitespace-nowrap rounded-xl border border-gray-200/80 bg-white px-3 text-xs font-medium text-gray-500 transition-colors hover:border-rose-200 hover:bg-rose-50 hover:text-rose-600 disabled:opacity-50"
-          >
-            <Trash2 className="h-3.5 w-3.5" />
-            {busyAction === "uninstall"
-              ? t("marketplaceRemoving")
-              : t("marketplaceUninstall")}
-          </button>
-        )}
-      </div>
+function MarketplaceListCardStatus(props: {
+  record?: MarketplaceInstalledRecord;
+  disabled: boolean;
+}) {
+  const { record, disabled } = props;
+  if (!record) {
+    return null;
+  }
+  return (
+    <div className="flex h-5 w-5 shrink-0 items-center justify-end">
+      <MarketplaceInstalledStatusIcon disabled={disabled} />
     </div>
   );
 }
 
 function MarketplaceInstalledStatusIcon(props: { disabled: boolean }) {
   const { disabled } = props;
-  const { language } = useI18n();
   const label = disabled
-    ? readLocalized({ zh: "已禁用", en: "Disabled" }, language)
-    : readLocalized({ zh: "已安装", en: "Installed" }, language);
+    ? t("marketplaceDisabledStatus")
+    : t("marketplaceInstalledStatus");
 
   return (
     <TooltipProvider delayDuration={300}>
@@ -251,6 +242,7 @@ export function MarketplaceListCard(props: {
     pickLocalizedText(item?.summaryI18n, item?.summary, localeFallbacks) ||
     (record ? t("marketplaceInstalledLocalSummary") : "");
   const spec = item?.install.spec ?? record?.spec ?? "";
+  const tags = item?.tags ?? [];
   const targetId = record?.id || record?.spec;
   const busyAction = targetId
     ? manageState.actionsByTarget.get(targetId)
@@ -268,35 +260,69 @@ export function MarketplaceListCard(props: {
   return (
     <article
       onClick={onOpen}
-      className="group flex cursor-pointer items-start justify-between gap-3.5 rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm transition-all hover:border-blue-300/80 hover:shadow-md"
+      className="group flex h-full min-h-[156px] cursor-pointer flex-col rounded-xl border border-gray-200/60 bg-white p-3.5 shadow-sm transition-colors hover:border-gray-300 hover:bg-gray-50/60"
     >
-      <div className="flex min-w-0 flex-1 gap-3">
+      <div className="flex min-w-0 items-start gap-2.5">
         <MarketplaceItemIcon
           name={title}
           fallback={spec || t("marketplaceTypeSkill")}
+          className="h-9 w-9 rounded-lg text-xs"
         />
-        <div className="flex min-w-0 flex-1 flex-col justify-center">
-          <MarketplaceListCardMeta title={title} spec={spec} summary={summary} />
+        <div className="flex min-w-0 flex-1 flex-col">
+          <MarketplaceListCardMeta title={title} spec={spec} />
         </div>
+
+        <MarketplaceListCardStatus record={record} disabled={isDisabled} />
       </div>
 
-      <MarketplaceListCardActions
-        item={item}
-        record={record}
-        state={{
-          isInstalling,
-          isDisabled,
-          canUpdate,
-          canUninstall,
-          busyAction,
-        }}
-        onInstall={onInstall}
-        onManage={onManage}
-      />
+      <div className="mt-2 flex min-w-0 flex-1 flex-col">
+        <p className="line-clamp-2 text-left text-[12px] leading-relaxed text-gray-500">
+          {summary}
+        </p>
+
+        <div className="mt-auto flex min-w-0 items-end justify-between gap-2 pt-2">
+          <div className="min-w-0 flex-1">
+            <MarketplaceListCardTags tags={tags} />
+          </div>
+          <MarketplaceListCardActionButtons
+            item={item}
+            record={record}
+            state={{
+              isInstalling,
+              canUpdate,
+              canUninstall,
+              busyAction,
+            }}
+            onInstall={onInstall}
+            onManage={onManage}
+          />
+        </div>
+      </div>
     </article>
   );
 }
 
-function readLocalized(text: { zh: string; en: string }, language: string) {
-  return language.startsWith("zh") ? text.zh : text.en;
+function MarketplaceListCardTags({ tags }: { tags: string[] }) {
+  const visibleTags = tags.filter(isVisibleMarketplaceTag).slice(0, 3);
+  if (visibleTags.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="flex min-w-0 flex-wrap gap-1.5 overflow-hidden">
+      {visibleTags.map((tag) => (
+        <span
+          key={tag}
+          className="max-w-[104px] truncate rounded-md bg-gray-100 px-2 py-0.5 text-[11px] font-medium leading-5 text-gray-500"
+        >
+          {tag}
+        </span>
+      ))}
+    </div>
+  );
+}
+
+function isVisibleMarketplaceTag(tag: string) {
+  const normalized = tag.trim().toLowerCase();
+  return normalized.length > 0 && normalized !== "skill";
 }

package/src/features/marketplace/components/marketplace-page-parts.tsx

@@ -78,21 +78,26 @@ export function MarketplaceListSkeleton({ count }: {
       {Array.from({ length: count }, (_, index) => (
         <article
           key={`marketplace-skeleton-${index}`}
-          className="h-full rounded-2xl border border-gray-200/40 bg-white px-5 py-4 shadow-sm"
+          className="h-full rounded-xl border border-gray-200/60 bg-white p-3.5 shadow-sm"
         >
-          <div className="flex items-start justify-between gap-3.5">
-            <div className="flex min-w-0 flex-1 gap-3">
-              <Skeleton className="h-10 w-10 shrink-0 rounded-xl" />
-              <div className="min-w-0 flex-1 space-y-2 pt-0.5">
+          <div className="flex items-start justify-between gap-2.5">
+            <div className="flex min-w-0 flex-1 gap-2.5">
+              <Skeleton className="h-9 w-9 shrink-0 rounded-lg" />
+              <div className="min-w-0 flex-1 space-y-2">
                 <Skeleton className="h-4 w-32 max-w-[70%]" />
                 <div className="flex items-center gap-2">
                   <Skeleton className="h-3 w-12" />
                   <Skeleton className="h-3 w-24" />
                 </div>
                 <Skeleton className="h-3 w-full" />
+                <div className="flex gap-1.5 pt-0.5">
+                  <Skeleton className="h-5 w-14 rounded-md" />
+                  <Skeleton className="h-5 w-16 rounded-md" />
+                  <Skeleton className="h-5 w-12 rounded-md" />
+                </div>
               </div>
             </div>
-            <Skeleton className="h-8 w-20 shrink-0 rounded-xl" />
+            <Skeleton className="h-7 w-16 shrink-0 rounded-md" />
           </div>
         </article>
       ))}

package/src/shared/components/common/__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 '@/shared/components/common/agent-avatar';
 
 describe('AgentAvatar', () => {
   it('uses the configured image for the main agent before fallback', () => {
@@ -23,6 +23,8 @@ describe('AgentAvatar', () => {
     const avatar = screen.getByLabelText('Main');
     expect(avatar.querySelector('svg')).toBeTruthy();
     expect(avatar.textContent).not.toContain('M');
+    expect(avatar.className).toContain('bg-primary');
+    expect(avatar.className).toContain('text-primary-foreground');
   });
 
   it('keeps letter fallback avatars for specialist agents', () => {

package/src/shared/components/common/agent-avatar.tsx

@@ -28,7 +28,10 @@ function hashText(value: string): number {
 
 export function AgentAvatar({ agentId, displayName, avatarUrl, className }: AgentAvatarProps) {
   const seed = displayName?.trim() || agentId;
-  const [bgClass, textClass] = PALETTE[hashText(agentId) % PALETTE.length] ?? PALETTE[0];
+  const isMainAgent = agentId.trim().toLowerCase() === 'main';
+  const [paletteBgClass, paletteTextClass] = PALETTE[hashText(agentId) % PALETTE.length] ?? PALETTE[0];
+  const bgClass = isMainAgent ? 'bg-primary' : paletteBgClass;
+  const textClass = isMainAgent ? 'text-primary-foreground' : paletteTextClass;
 
   if (avatarUrl?.trim()) {
     return (
@@ -50,7 +53,7 @@ export function AgentAvatar({ agentId, displayName, avatarUrl, className }: Agen
       )}
       aria-label={displayName?.trim() || agentId}
     >
-      {agentId.trim().toLowerCase() === 'main' ? (
+      {isMainAgent ? (
         <Bot className="h-[55%] w-[55%]" strokeWidth={2.4} />
       ) : (
         (seed.trim() || 'A').slice(0, 1).toUpperCase()

package/src/shared/lib/api/index.ts

@@ -12,6 +12,7 @@ export * from './utils/ncp-attachments.utils';
 export * from './utils/ncp-session.utils';
 export * from './preferences/preference.utils';
 export * from './preferences/preference.types';
+export * from './preferences/preference-keys.config';
 export * from './ncp-session.types';
 export * from './ncp-session-query-cache.utils';
 export * from './raw-client.utils';

package/src/shared/lib/api/preferences/preference-keys.config.ts

@@ -0,0 +1,9 @@
+export const PREFERENCE_KEYS = {
+  chat: {
+    modelFavorites: "chat.modelFavorites",
+    newSessionType: "chat.newSession.sessionType",
+  },
+} as const;
+
+export type PreferenceKey =
+  (typeof PREFERENCE_KEYS.chat)[keyof typeof PREFERENCE_KEYS.chat];

package/src/shared/lib/i18n/locales/en-US/marketplace.json

@@ -20,6 +20,8 @@
   "marketplaceTypeMcp": "MCP",
   "marketplaceInstall": "Install",
   "marketplaceInstalling": "Installing...",
+  "marketplaceInstalledStatus": "Installed",
+  "marketplaceDisabledStatus": "Disabled",
   "marketplaceEnable": "Enable",
   "marketplaceDisable": "Disable",
   "marketplaceEnabling": "Enabling...",

package/src/shared/lib/i18n/locales/zh-CN/marketplace.json

@@ -20,6 +20,8 @@
   "marketplaceTypeMcp": "MCP",
   "marketplaceInstall": "安装",
   "marketplaceInstalling": "安装中...",
+  "marketplaceInstalledStatus": "已安装",
+  "marketplaceDisabledStatus": "已禁用",
   "marketplaceEnable": "启用",
   "marketplaceDisable": "禁用",
   "marketplaceEnabling": "启用中...",