@nextclaw/ui 0.15.6 → 0.15.7

package/src/features/chat/features/ncp/hooks/__tests__/use-hydrated-ncp-agent.test.tsx

@@ -92,4 +92,59 @@ describe("useHydratedNcpAgent", () => {
     expect(mocks.stream).toHaveBeenCalledWith({ sessionId: "session-b" });
     expect(mocks.stream).toHaveBeenCalledTimes(2);
   });
+
+  it("keeps a selected session hydrated when an earlier empty-session reset finishes late", async () => {
+    const stopResolvers: Array<() => void> = [];
+    const client = {
+      stop: mocks.stop.mockImplementation(
+        () => new Promise<void>((resolve) => stopResolvers.push(resolve)),
+      ),
+      stream: mocks.stream.mockResolvedValue(undefined),
+      subscribe: vi.fn(() => () => {}),
+    } as unknown as NcpAgentClientEndpoint;
+    const historyMessage = {
+      id: "message-1",
+      sessionId: "session-mobile",
+      role: "user",
+      status: "final",
+      parts: [{ type: "text", text: "Existing history" }],
+      timestamp: "2026-07-16T00:00:00.000Z",
+    } as const;
+    const loadSeed = vi.fn().mockResolvedValue({
+      messages: [historyMessage],
+      status: "idle",
+    });
+
+    const { result, rerender } = renderHook(
+      ({ sessionId }: { sessionId: string | undefined }) =>
+        useHydratedNcpAgent({
+          sessionId,
+          client: client as never,
+          loadSeed,
+        }),
+      {
+        initialProps: {
+          sessionId: undefined as string | undefined,
+        },
+      },
+    );
+
+    await waitFor(() => expect(stopResolvers).toHaveLength(1));
+    rerender({ sessionId: "session-mobile" });
+    await waitFor(() => expect(stopResolvers).toHaveLength(2));
+
+    await act(async () => {
+      stopResolvers[1]?.();
+      await Promise.resolve();
+    });
+    await waitFor(() => {
+      expect(result.current.visibleMessages).toEqual([historyMessage]);
+    });
+
+    await act(async () => {
+      stopResolvers[0]?.();
+      await Promise.resolve();
+    });
+    expect(result.current.visibleMessages).toEqual([historyMessage]);
+  });
 });

package/src/features/chat/features/session/components/session-header/chat-session-title-switcher.tsx

@@ -235,7 +235,7 @@ export function ChatSessionTitleSwitcher({
     (state) => state.isSidebarCollapsed,
   );
 
-  if (layoutMode !== "desktop" || !isSidebarCollapsed) {
+  if (layoutMode === "desktop" && !isSidebarCollapsed) {
     return <ChatSessionTitle title={title} />;
   }
 

package/src/features/chat/features/workspace/components/__tests__/chat-session-workspace-file-preview.test.tsx

@@ -20,6 +20,7 @@ const destroyPresentationMock = vi.fn();
 type RenderWorkspaceFilePreviewOptions = {
   file?: Partial<ChatWorkspaceFileTab>;
   onFileOpen?: (action: ChatFileOpenActionViewModel) => void;
+  onHtmlContentHeightChange?: (height: number) => void;
   refreshVersion?: number;
   sessionProjectRoot?: string | null;
   sessionWorkingDir?: string | null;
@@ -104,6 +105,7 @@ function mockTextRead(overrides: TextReadDataOverrides = {}) {
 function renderWorkspaceFilePreview({
   file,
   onFileOpen = vi.fn(),
+  onHtmlContentHeightChange,
   refreshVersion,
   sessionProjectRoot = "/tmp",
   sessionWorkingDir = "/tmp",
@@ -116,6 +118,7 @@ function renderWorkspaceFilePreview({
       sessionWorkingDir={sessionWorkingDir}
       refreshVersion={refreshVersion}
       showBreadcrumbs={showBreadcrumbs}
+      onHtmlContentHeightChange={onHtmlContentHeightChange}
       onFileOpen={onFileOpen}
     />,
   );
@@ -316,9 +319,7 @@ describe("ChatSessionWorkspaceFilePreview rendering", () => {
       });
 
       expect(screen.getByTestId(testId)).toBeTruthy();
-      expect(
-        screen.queryByText(t("chatWorkspacePreviewTruncated")),
-      ).toBeNull();
+      expect(screen.queryByText(t("chatWorkspacePreviewTruncated"))).toBeNull();
     },
   );
 });
@@ -751,9 +752,7 @@ describe("ChatSessionWorkspaceFilePreview text rendering", () => {
     });
     const indexButton = screen.getByRole("button", { name: "index.ts" });
     fireEvent.click(componentsTreeItem.querySelector("button")!);
-    expect(
-      componentsTreeItem.getAttribute("aria-expanded"),
-    ).toBe("true");
+    expect(componentsTreeItem.getAttribute("aria-expanded")).toBe("true");
     expect(onFileOpen).not.toHaveBeenCalled();
 
     fireEvent.click(indexButton);

package/src/features/chat/features/workspace/components/__tests__/workspace-file-content-preview.test.tsx

@@ -0,0 +1,67 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, expect, it, vi } from "vitest";
+import { WorkspaceFileContentPreview } from "@/features/chat/features/workspace/components/workspace-file-content-preview";
+
+const defaultResizeObserver = globalThis.ResizeObserver;
+
+afterEach(() => {
+  vi.stubGlobal("ResizeObserver", defaultResizeObserver);
+});
+
+it("reports same-origin HTML height changes without replacing the iframe", () => {
+  const observe = vi.fn();
+  const disconnect = vi.fn();
+  let notifyResize: ResizeObserverCallback = () => undefined;
+  class HeightResizeObserver {
+    constructor(callback: ResizeObserverCallback) {
+      notifyResize = callback;
+    }
+
+    observe = observe;
+
+    unobserve = vi.fn();
+
+    disconnect = disconnect;
+  }
+  vi.stubGlobal("ResizeObserver", HeightResizeObserver);
+  const onHtmlContentHeightChange = vi.fn();
+  const { unmount } = render(
+    <WorkspaceFileContentPreview
+      contentUrl="/api/server-paths/content?path=%2Ftmp%2Fexample.html"
+      kind="html"
+      label="example.html"
+      onHtmlContentHeightChange={onHtmlContentHeightChange}
+    />,
+  );
+  const frame = screen.getByTestId(
+    "workspace-html-preview",
+  ) as HTMLIFrameElement;
+  const iframeDocument = document.implementation.createHTMLDocument();
+  Object.defineProperty(frame, "contentDocument", {
+    configurable: true,
+    value: iframeDocument,
+  });
+  const { documentElement } = iframeDocument;
+  Object.defineProperty(documentElement, "scrollHeight", {
+    configurable: true,
+    value: 640,
+  });
+
+  fireEvent.load(frame);
+
+  expect(onHtmlContentHeightChange).toHaveBeenLastCalledWith(640);
+  expect(observe).toHaveBeenCalledWith(documentElement);
+  expect(screen.getByTestId("workspace-html-preview")).toBe(frame);
+
+  Object.defineProperty(documentElement, "scrollHeight", {
+    configurable: true,
+    value: 900,
+  });
+  notifyResize([], {} as ResizeObserver);
+
+  expect(onHtmlContentHeightChange).toHaveBeenLastCalledWith(900);
+  expect(screen.getByTestId("workspace-html-preview")).toBe(frame);
+
+  unmount();
+  expect(disconnect).toHaveBeenCalledTimes(1);
+});

package/src/features/chat/features/workspace/components/chat-session-workspace-file-preview.tsx

@@ -180,6 +180,7 @@ function WorkspacePreviewBody({
   directoryQuery,
   fileBasePath,
   onFileOpen,
+  onHtmlContentHeightChange,
   previewBlock,
   previewKind,
   previewViewer,
@@ -194,6 +195,7 @@ function WorkspacePreviewBody({
   directoryQuery: ReturnType<typeof useServerPathBrowse> | null | undefined;
   fileBasePath: string | null;
   onFileOpen: (action: ChatFileOpenActionViewModel) => void;
+  onHtmlContentHeightChange?: (height: number) => void;
   previewBlock: ChatFileOperationBlockViewModel | null;
   previewKind: "text" | "markdown" | "binary";
   previewViewer: "source" | "rendered" | null;
@@ -208,6 +210,7 @@ function WorkspacePreviewBody({
         contentUrl={contentUrl}
         kind={contentUrlKind}
         label={contentLabel}
+        onHtmlContentHeightChange={onHtmlContentHeightChange}
       />
     );
   }
@@ -291,6 +294,7 @@ type ChatSessionWorkspaceFilePreviewProps = {
   sessionProjectRoot: string | null;
   sessionWorkingDir: string | null;
   showBreadcrumbs?: boolean;
+  onHtmlContentHeightChange?: (height: number) => void;
   onFileOpen: (action: ChatFileOpenActionViewModel) => void;
 };
 
@@ -300,6 +304,7 @@ export function ChatSessionWorkspaceFilePreview({
   sessionProjectRoot,
   sessionWorkingDir,
   showBreadcrumbs = true,
+  onHtmlContentHeightChange,
   onFileOpen,
 }: ChatSessionWorkspaceFilePreviewProps) {
   const isPreviewMode = file.viewMode === "preview";
@@ -384,7 +389,8 @@ export function ChatSessionWorkspaceFilePreview({
     previewQuery?.data?.startLine,
     previewText,
   ]);
-  const isTextPreviewTruncated = !contentUrl && Boolean(previewQuery?.data?.truncated);
+  const isTextPreviewTruncated =
+    !contentUrl && Boolean(previewQuery?.data?.truncated);
   const breadcrumbBasePath = sessionProjectRoot ?? sessionWorkingDir;
   const breadcrumb = useMemo(
     () =>
@@ -394,12 +400,7 @@ export function ChatSessionWorkspaceFilePreview({
         sessionProjectRoot: breadcrumbBasePath,
         truncated: isTextPreviewTruncated,
       }),
-    [
-      breadcrumbBasePath,
-      isTextPreviewTruncated,
-      previewPathKind,
-      resolvedPath,
-    ],
+    [breadcrumbBasePath, isTextPreviewTruncated, previewPathKind, resolvedPath],
   );
 
   return (
@@ -422,6 +423,7 @@ export function ChatSessionWorkspaceFilePreview({
             directoryQuery={directoryQuery}
             fileBasePath={sessionWorkingDir}
             onFileOpen={onFileOpen}
+            onHtmlContentHeightChange={onHtmlContentHeightChange}
             previewBlock={previewBlock}
             previewKind={previewKind}
             previewViewer={previewViewer}

package/src/features/chat/features/workspace/components/workspace-file-content-preview.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useRef } from "react";
 import { WorkspaceDocxPreview } from "./file-content-preview/workspace-docx-preview";
 import { WorkspacePresentationPreview } from "./file-content-preview/workspace-presentation-preview";
 import { WorkspaceSpreadsheetPreview } from "./file-content-preview/workspace-spreadsheet-preview";
@@ -115,14 +116,97 @@ function WorkspaceUnsupportedContent({
   );
 }
 
+function readHtmlDocumentHeight(document: Document): number {
+  const { body, documentElement } = document;
+  return Math.ceil(
+    Math.max(
+      body?.clientHeight ?? 0,
+      body?.offsetHeight ?? 0,
+      body?.scrollHeight ?? 0,
+      documentElement.clientHeight,
+      documentElement.offsetHeight,
+      documentElement.scrollHeight,
+    ),
+  );
+}
+
+function WorkspaceHtmlPreview({
+  contentUrl,
+  label,
+  onContentHeightChange,
+}: {
+  contentUrl: string;
+  label: string;
+  onContentHeightChange?: (height: number) => void;
+}) {
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+  const observerCleanupRef = useRef<(() => void) | null>(null);
+
+  useEffect(
+    () => () => {
+      observerCleanupRef.current?.();
+    },
+    [],
+  );
+
+  const observeContentHeight = () => {
+    observerCleanupRef.current?.();
+    observerCleanupRef.current = null;
+    const iframe = iframeRef.current;
+    if (
+      !iframe ||
+      !onContentHeightChange ||
+      typeof ResizeObserver === "undefined"
+    ) {
+      return;
+    }
+
+    try {
+      const document = iframe.contentDocument;
+      if (!document) {
+        return;
+      }
+      const reportHeight = () => {
+        const height = readHtmlDocumentHeight(document);
+        if (height > 0) {
+          onContentHeightChange(height);
+        }
+      };
+      const observer = new ResizeObserver(reportHeight);
+      observer.observe(document.documentElement);
+      if (document.body) {
+        observer.observe(document.body);
+      }
+      reportHeight();
+      observerCleanupRef.current = () => observer.disconnect();
+    } catch {
+      // Cross-origin documents keep the caller's bounded fallback height.
+    }
+  };
+
+  return (
+    <iframe
+      ref={iframeRef}
+      allowFullScreen
+      className="h-full w-full border-0 bg-white"
+      data-testid="workspace-html-preview"
+      src={contentUrl}
+      title={label}
+      onLoad={observeContentHeight}
+    />
+  );
+}
+
 export function WorkspaceFileContentPreview({
   contentUrl,
   kind,
   label,
+  onHtmlContentHeightChange,
 }: {
   contentUrl: string;
   kind: WorkspaceFileContentKind;
   label: string;
+  onHtmlContentHeightChange?: (height: number) => void;
 }) {
   if (kind === "image") {
     return (
@@ -165,14 +249,21 @@ export function WorkspaceFileContentPreview({
       </div>
     );
   }
-  if (kind === "pdf" || kind === "html") {
+  if (kind === "html") {
+    return (
+      <WorkspaceHtmlPreview
+        contentUrl={contentUrl}
+        label={label}
+        onContentHeightChange={onHtmlContentHeightChange}
+      />
+    );
+  }
+  if (kind === "pdf") {
     return (
       <iframe
         allowFullScreen
         className="h-full w-full border-0 bg-white"
-        data-testid={
-          kind === "pdf" ? "workspace-content-pdf" : "workspace-html-preview"
-        }
+        data-testid="workspace-content-pdf"
         src={contentUrl}
         title={label}
       />

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

@@ -62,6 +62,7 @@ vi.mock("@/shared/hooks/use-confirm-dialog", () => ({
 
 vi.mock("@/features/marketplace/hooks/use-marketplace", () => ({
   useMarketplaceItems: () => mocks.itemsQuery,
+  useMarketplaceRecentItems: () => mocks.itemsQuery,
   useMarketplaceInstalled: () => mocks.installedQuery,
   useMarketplaceSkillScenes: () => ({
     data: { scenes: [] },

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

@@ -31,6 +31,7 @@ const mocks = vi.hoisted(() => ({
   openExternalUrl: vi.fn(),
   routeParams: {} as { scene?: string },
   itemsQuery: null as unknown as ItemsQueryState,
+  recentItemsQuery: null as unknown as ItemsQueryState,
   installedQuery: null as unknown as InstalledQueryState,
   installMutation: {
     mutateAsync: vi.fn(),
@@ -82,6 +83,7 @@ vi.mock("@/shared/lib/host-capabilities", () => ({
 
 vi.mock("@/features/marketplace/hooks/use-marketplace", () => ({
   useMarketplaceItems: () => mocks.itemsQuery,
+  useMarketplaceRecentItems: () => mocks.recentItemsQuery,
   useMarketplaceSkillScenes: () => ({
     data: {
       scenes: [
@@ -135,6 +137,7 @@ function createItemsQuery(overrides: Partial<Record<string, unknown>> = {}) {
     isError: false,
     error: null,
     hasNextPage: false,
+    fetchNextPage: vi.fn(),
     ...overrides,
   };
 }
@@ -172,6 +175,7 @@ describe("MarketplacePage", () => {
     mocks.manageMutation.isPending = false;
     mocks.manageMutation.variables = undefined;
     mocks.itemsQuery = createItemsQuery();
+    mocks.recentItemsQuery = createItemsQuery();
     mocks.installedQuery = createInstalledQuery();
   });
 
@@ -216,6 +220,64 @@ describe("MarketplacePage", () => {
     expect(screen.getByText("Web Search")).toBeTruthy();
   });
 
+  it("shows the stable catalog total instead of a loaded-page fraction", () => {
+    mocks.itemsQuery = createItemsQuery({
+      data: {
+        total: 36,
+        page: 1,
+        pageSize: 20,
+        totalPages: 2,
+        sort: "relevance",
+        items: [createMarketplaceItem()],
+      } satisfies MarketplaceListView,
+      hasNextPage: true,
+    });
+
+    render(<MarketplacePage forcedType="skills" />);
+
+    expect(screen.getByText("36 skills")).toBeTruthy();
+    expect(screen.queryByText("1 / 36")).toBeNull();
+  });
+
+  it("renders recently updated skills from the dedicated updated query", () => {
+    mocks.itemsQuery = createItemsQuery({
+      data: {
+        total: 4,
+        page: 1,
+        pageSize: 20,
+        totalPages: 1,
+        sort: "relevance",
+        items: [
+          createMarketplaceItem({ name: "Relevant One" }),
+          createMarketplaceItem({ id: "2", slug: "2", name: "Relevant Two" }),
+          createMarketplaceItem({ id: "3", slug: "3", name: "Relevant Three" }),
+          createMarketplaceItem({ id: "4", slug: "4", name: "Relevant Four" }),
+        ],
+      } satisfies MarketplaceListView,
+    });
+    mocks.recentItemsQuery = createItemsQuery({
+      data: {
+        total: 1,
+        page: 1,
+        pageSize: 6,
+        totalPages: 1,
+        sort: "updated",
+        items: [
+          createMarketplaceItem({
+            id: "recent",
+            slug: "recent",
+            name: "Actually Recent",
+            updatedAt: "2026-07-17T00:00:00.000Z",
+          }),
+        ],
+      } satisfies MarketplaceListView,
+    });
+
+    render(<MarketplacePage forcedType="skills" />);
+
+    expect(screen.getByText("Actually Recent")).toBeTruthy();
+  });
+
   it("does not render a redundant type label in skill cards", () => {
     mocks.itemsQuery = createItemsQuery({
       data: {

package/src/features/marketplace/components/curated-shelves/__tests__/marketplace-curated-scene-route.test.tsx

@@ -72,6 +72,7 @@ vi.mock("@/shared/hooks/use-confirm-dialog", () => ({
 
 vi.mock("@/features/marketplace/hooks/use-marketplace", () => ({
   useMarketplaceItems: () => mocks.itemsQuery,
+  useMarketplaceRecentItems: () => mocks.itemsQuery,
   useMarketplaceSkillScenes: () => mocks.scenesQuery,
   useMarketplaceSkillSceneCounts: () => new Map([["development-debugging", 2]]),
   useMarketplaceInstalled: () => ({

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

@@ -33,7 +33,7 @@ export type MarketplaceShelfEntry = {
 };
 
 export function MarketplaceCuratedShelves(props: {
-  entries: MarketplaceShelfEntry[];
+  recentEntries: MarketplaceShelfEntry[];
   scenes: MarketplaceSceneView[];
   isScenesLoading: boolean;
   isItemsLoading: boolean;
@@ -44,7 +44,7 @@ export function MarketplaceCuratedShelves(props: {
   onOpenScene: (scene: string) => void;
 }) {
   const {
-    entries,
+    recentEntries,
     scenes,
     isScenesLoading,
     isItemsLoading,
@@ -55,10 +55,6 @@ export function MarketplaceCuratedShelves(props: {
     onOpenScene,
   } = props;
   const localeFallbacks = buildLocaleFallbacks(language);
-  const recentEntries = [...entries]
-    .sort((left, right) => compareUpdatedAt(left.item, right.item))
-    .slice(0, 6);
-
   return (
     <div className="mb-4 space-y-5">
       <section className="space-y-2.5">
@@ -345,15 +341,6 @@ function ShelfHeader({
   );
 }
 
-function compareUpdatedAt(left: MarketplaceItemSummary, right: MarketplaceItemSummary) {
-  const leftTs = Date.parse(left.updatedAt);
-  const rightTs = Date.parse(right.updatedAt);
-  if (Number.isNaN(leftTs) || Number.isNaN(rightTs)) {
-    return right.updatedAt.localeCompare(left.updatedAt);
-  }
-  return rightTs - leftTs;
-}
-
 function readLocalized(text: MarketplaceShelfLocalizedText, language: string) {
   return language.startsWith("zh") ? text.zh : text.en;
 }

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

@@ -6,6 +6,7 @@ import { useI18n } from "@/app/components/i18n-provider";
 import {
   useMarketplaceInstalled,
   useMarketplaceItems,
+  useMarketplaceRecentItems,
 } from "@/features/marketplace/hooks/use-marketplace";
 import {
   FilterPanel,
@@ -77,6 +78,10 @@ export function MarketplacePage({
     sort,
     pageSize: PAGE_SIZE,
   });
+  const recentItemsQuery = useMarketplaceRecentItems(
+    typeFilter,
+    scope === "all" && !searchText.trim() && !query && !sceneParam,
+  );
 
   const {
     containerRef: listContainerRef,
@@ -115,6 +120,7 @@ export function MarketplacePage({
 
   const curatedSceneRoute = useMarketplaceCuratedSceneRoute({
     items: listModel.allItems,
+    recentItems: recentItemsQuery.data?.items ?? [],
     installedRecordLookup: listModel.installedRecordLookup,
     scene: sceneParam,
     forcedType,
@@ -201,10 +207,12 @@ export function MarketplacePage({
 
           {curatedSceneRoute.showShelves && (
             <MarketplaceCuratedShelves
-              entries={curatedSceneRoute.entries}
+              recentEntries={curatedSceneRoute.recentEntries}
               scenes={curatedSceneRoute.scenes}
               isScenesLoading={curatedSceneRoute.isScenesLoading}
-              isItemsLoading={listModel.showListSkeleton}
+              isItemsLoading={
+                listModel.showListSkeleton || recentItemsQuery.isLoading
+              }
               language={language}
               installState={installState}
               onOpen={(entry) => void openItemDetail(entry.item, entry.record)}

package/src/features/marketplace/hooks/__tests__/use-marketplace.test.tsx

@@ -1,7 +1,10 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook, waitFor } from "@testing-library/react";
 import type { ReactNode } from "react";
-import { useMarketplaceItems } from "@/features/marketplace/hooks/use-marketplace";
+import {
+  useMarketplaceItems,
+  useMarketplaceRecentItems,
+} from "@/features/marketplace/hooks/use-marketplace";
 import type { MarketplaceListView } from "@/shared/lib/api";
 
 const mocks = vi.hoisted(() => ({
@@ -106,4 +109,26 @@ describe("useMarketplaceItems", () => {
       expect(result.current.data?.items[0]?.name).toBe("Search Skill");
     });
   });
+
+  it("loads the recently updated shelf from its own updated query", async () => {
+    mocks.fetchMarketplaceItems.mockResolvedValueOnce(
+      createMarketplaceList("Recently Updated Skill"),
+    );
+
+    const { result } = renderHook(() => useMarketplaceRecentItems("skill"), {
+      wrapper: createWrapper(),
+    });
+
+    await waitFor(() => {
+      expect(result.current.data?.items[0]?.name).toBe(
+        "Recently Updated Skill",
+      );
+    });
+    expect(mocks.fetchMarketplaceItems).toHaveBeenCalledWith({
+      type: "skill",
+      sort: "updated",
+      page: 1,
+      pageSize: 6,
+    });
+  });
 });

package/src/features/marketplace/hooks/use-marketplace-curated-scene-route.ts

@@ -12,6 +12,7 @@ import { useMemo } from "react";
 
 type MarketplaceCuratedSceneRouteParams = {
   items: MarketplaceItemSummary[];
+  recentItems: MarketplaceItemSummary[];
   installedRecordLookup: Map<string, MarketplaceInstalledRecord>;
   scene?: string;
   forcedType?: "skills";
@@ -28,6 +29,7 @@ export function useMarketplaceCuratedSceneRoute(
 ) {
   const {
     items,
+    recentItems,
     installedRecordLookup,
     scene,
     forcedType,
@@ -62,6 +64,14 @@ export function useMarketplaceCuratedSceneRoute(
       })),
     [items, installedRecordLookup],
   );
+  const recentEntries = useMemo(
+    () =>
+      recentItems.map((item) => ({
+        item,
+        record: findInstalledRecordForItem(item, installedRecordLookup),
+      })),
+    [installedRecordLookup, recentItems],
+  );
   const selectedScene = useMemo(() => {
     const normalizedScene = scene?.trim();
     if (!normalizedScene) {
@@ -94,6 +104,7 @@ export function useMarketplaceCuratedSceneRoute(
 
   return {
     entries,
+    recentEntries,
     scenes,
     selectedScene,
     sceneEntries: entries,

package/src/features/marketplace/hooks/use-marketplace-list-model.ts

@@ -103,7 +103,7 @@ export function useMarketplaceListModel(params: MarketplaceListModelParams) {
         ? t("loading")
         : `${installedEntries.length} ${t("marketplaceInstalledSkillsCountSuffix")}`
       : catalogView
-        ? `${allItems.length} / ${catalogView.total}`
+        ? `${catalogView.total} ${t("marketplaceSkillsCountSuffix")}`
         : t("loading");
   const error =
     scope === "all" && catalogError