@igstack/app-catalog-frontend-core 6.10.3 → 6.12.0

package/dist/esm/util/highlightMatches.js

@@ -0,0 +1,32 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+function escapeRegex(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function highlightMatches(text, query) {
+  if (!query) return text;
+  const safeQuery = escapeRegex(query);
+  const regex = new RegExp(`(${safeQuery})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map((part, idx) => {
+    const key = `${part}-${text.indexOf(part, idx)}`;
+    return idx % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "bg-highlight", children: part }, key) : /* @__PURE__ */ jsx(React__default.Fragment, { children: part }, key);
+  }) });
+}
+function highlightTokens(text, tokens) {
+  const words = tokens.filter(Boolean);
+  if (words.length === 0) return text;
+  const alternation = [...words].sort((a, b) => b.length - a.length).map(escapeRegex).join("|");
+  const parts = text.split(new RegExp(`(${alternation})`, "gi"));
+  let offset = 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map((part, idx) => {
+    const key = `${offset}-${idx % 2}`;
+    offset += part.length;
+    return idx % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-[3px] bg-highlight", children: part }, key) : /* @__PURE__ */ jsx(React__default.Fragment, { children: part }, key);
+  }) });
+}
+export {
+  highlightMatches,
+  highlightTokens
+};
+//# sourceMappingURL=highlightMatches.js.map

package/dist/esm/util/highlightMatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightMatches.js","sources":["../../../src/util/highlightMatches.tsx"],"sourcesContent":["import React from 'react'\n\n// Escape regex special characters\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\nexport function highlightMatches(text: string, query: string): React.ReactNode {\n  if (!query) return text\n\n  const safeQuery = escapeRegex(query)\n  const regex = new RegExp(`(${safeQuery})`, 'gi')\n  const parts = text.split(regex)\n\n  return (\n    <>\n      {parts.map((part, idx) => {\n        const key = `${part}-${text.indexOf(part, idx)}`\n        return idx % 2 === 1 ? (\n          <span key={key} className=\"bg-highlight\">\n            {part}\n          </span>\n        ) : (\n          <React.Fragment key={key}>{part}</React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n\n/** Like `highlightMatches`, for several search words at once, in any order. */\nexport function highlightTokens(\n  text: string,\n  tokens: string[],\n): React.ReactNode {\n  const words = tokens.filter(Boolean)\n  if (words.length === 0) return text\n\n  // Longest first, so \"runbook\" wins over its own prefix \"run\".\n  const alternation = [...words]\n    .sort((a, b) => b.length - a.length)\n    .map(escapeRegex)\n    .join('|')\n  const parts = text.split(new RegExp(`(${alternation})`, 'gi'))\n\n  let offset = 0\n  return (\n    <>\n      {parts.map((part, idx) => {\n        // An empty part shares its offset with the match after it; parity splits them.\n        const key = `${offset}-${idx % 2}`\n        offset += part.length\n        return idx % 2 === 1 ? (\n          <span key={key} className=\"rounded-[3px] bg-highlight\">\n            {part}\n          </span>\n        ) : (\n          <React.Fragment key={key}>{part}</React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["React"],"mappings":";;AAGA,SAAS,YAAY,KAAqB;AACxC,SAAO,IAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAAS,iBAAiB,MAAc,OAAgC;AAC7E,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,YAAY,YAAY,KAAK;AACnC,QAAM,QAAQ,IAAI,OAAO,IAAI,SAAS,KAAK,IAAI;AAC/C,QAAM,QAAQ,KAAK,MAAM,KAAK;AAE9B,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,MAAM,GAAG,IAAI,IAAI,KAAK,QAAQ,MAAM,GAAG,CAAC;AAC9C,WAAO,MAAM,MAAM,IACjB,oBAAC,UAAe,WAAU,gBACvB,UAAA,KAAA,GADQ,GAEX,IAEA,oBAACA,eAAM,UAAN,EAA0B,kBAAN,GAAW;AAAA,EAEpC,CAAC,EAAA,CACH;AAEJ;AAGO,SAAS,gBACd,MACA,QACiB;AACjB,QAAM,QAAQ,OAAO,OAAO,OAAO;AACnC,MAAI,MAAM,WAAW,EAAG,QAAO;AAG/B,QAAM,cAAc,CAAC,GAAG,KAAK,EAC1B,KAAK,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAClC,IAAI,WAAW,EACf,KAAK,GAAG;AACX,QAAM,QAAQ,KAAK,MAAM,IAAI,OAAO,IAAI,WAAW,KAAK,IAAI,CAAC;AAE7D,MAAI,SAAS;AACb,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;AAExB,UAAM,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC;AAChC,cAAU,KAAK;AACf,WAAO,MAAM,MAAM,IACjB,oBAAC,UAAe,WAAU,8BACvB,UAAA,KAAA,GADQ,GAEX,IAEA,oBAACA,eAAM,UAAN,EAA0B,kBAAN,GAAW;AAAA,EAEpC,CAAC,EAAA,CACH;AAEJ;"}

package/dist/index.css

@@ -33,6 +33,7 @@
     --muted-foreground: oklch(0.52 0.025 60);
     --accent: oklch(0.93 0.05 70); /* soft amber accent */
     --accent-foreground: oklch(0.36 0.04 55);
+    --highlight: oklch(0.88 0.11 80); /* search-match marker */
     --destructive: oklch(0.6368 0.2078 25.3313);
     --destructive-foreground: oklch(1 0 0);
     --border: oklch(0.9 0.018 80); /* warm hairline */
@@ -714,6 +715,11 @@
   font-style: italic;
   color: var(--muted-foreground);
 }
+/* A line the system wrote when a tool changed: context, not someone's note. */
+.comment__text.is-system {
+  font-size: 0.84375rem;
+  color: var(--muted-foreground);
+}
 .comment__reply {
   margin-top: 0.25rem;
   font-size: 0.84375rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "6.10.3",
+  "version": "6.12.0",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -73,7 +73,7 @@
     "@tanstack/react-query": "^5.90.12",
     "@tanstack/react-query-devtools": "^5.91.1",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "3.13.13",
+    "@tanstack/react-virtual": "3.14.21",
     "@tanstack/router-plugin": "1.168.42",
     "@tiptap/extension-link": "^2.10.0",
     "@tiptap/extension-placeholder": "^2.10.0",
@@ -118,7 +118,7 @@
     "tailwindcss": "^4.1.7",
     "tiptap-markdown": "^0.8.0",
     "tslib": "^2.3.0",
-    "@igstack/app-catalog-shared-core": "6.10.3"
+    "@igstack/app-catalog-shared-core": "6.12.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.5",
@@ -146,7 +146,7 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^4.1.2",
-    "@igstack/app-catalog-backend-core": "6.10.3"
+    "@igstack/app-catalog-backend-core": "6.12.0"
   },
   "peerDependencies": {
     "@tanstack/react-router": "1.170.41",
@@ -156,7 +156,7 @@
     "vite": "^6.3.5",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "980bbf4c4901132d351291df3522fa6b6eaaa123",
+  "gitHead": "94ade32ef879b41d8c62f2121a41e4b35f46b2ee",
   "scripts": {
     "build": "vite build",
     "build:lenient": "vite build --mode lenient",

package/src/__tests__/modules/appCatalog/ui/catalog/AppDetailPanel.appSwitch.test.tsx

@@ -23,6 +23,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/catalog/AppDetailPanel.enter.test.tsx

@@ -20,6 +20,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.background.test.tsx

@@ -21,6 +21,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.behindThisCard.test.tsx

@@ -28,6 +28,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))
@@ -283,6 +286,7 @@ const pendingNote = {
   reviewedAt: null,
   editedAt: null,
   isMine: false,
+  isSystem: false,
   canEditUntil: null,
   status: null,
   reviewerReply: null,

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.doorAndTabs.test.tsx

@@ -26,6 +26,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.escape.test.tsx

@@ -22,6 +22,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.knowMore.test.tsx

@@ -22,6 +22,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.sectionOrder.test.tsx

@@ -23,6 +23,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.subResourceTab.test.tsx

@@ -56,6 +56,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.tags.test.tsx

@@ -21,6 +21,9 @@ vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
 vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
   useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
 }))
+vi.mock('~/modules/appCatalog/ui/detail/useCommunityToolCount', () => ({
+  useCommunityToolCount: vi.fn(() => 0),
+}))
 vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
   useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
 }))

package/src/__tests__/modules/appCatalog/ui/detail/CommunitySection.feed.test.tsx

@@ -50,6 +50,7 @@ const note = {
   reviewedAt: null as string | null,
   editedAt: null,
   isMine: false,
+  isSystem: false,
   canEditUntil: null as string | null,
   status: null as string | null,
   reviewerReply: null as string | null,
@@ -58,7 +59,7 @@ const note = {
 function mount(claims: Claim[] = []) {
   render(
     <CommunitySection
-      appSlug="example-app"
+      target={{ resourceSlug: 'example-app' }}
       appName="Example App"
       claims={claims}
     />,
@@ -190,7 +191,10 @@ describe('CommunitySection — the Comments feed', () => {
   it('offers Dismiss on your own open note, and not once it is answered', () => {
     state.items = [{ ...note, isMine: true }]
     const { unmount } = render(
-      <CommunitySection appSlug="example-app" appName="Example App" />,
+      <CommunitySection
+        target={{ resourceSlug: 'example-app' }}
+        appName="Example App"
+      />,
     )
     expect(screen.getByRole('button', { name: 'Dismiss' })).toBeInTheDocument()
     expect(screen.queryByRole('button', { name: 'Edit' })).toBeNull()
@@ -262,7 +266,10 @@ describe('CommunitySection — the Comments feed', () => {
       isPending: true,
     } as never)
     const { unmount } = render(
-      <CommunitySection appSlug="example-app" appName="Example App" />,
+      <CommunitySection
+        target={{ resourceSlug: 'example-app' }}
+        appName="Example App"
+      />,
     )
     expect(screen.getByText('Loading comments…')).toBeInTheDocument()
     unmount()

package/src/__tests__/modules/appCatalog/ui/detail/CommunitySection.help.test.tsx

@@ -52,7 +52,10 @@ function mount(plugins: AcPlugin[] | undefined) {
   return render(
     <ExtensionsContext value={plugins}>
       <Card onClose={onCardClose}>
-        <CommunitySection appSlug="test-app" appName="Test App" />
+        <CommunitySection
+          target={{ resourceSlug: 'test-app' }}
+          appName="Test App"
+        />
       </Card>
     </ExtensionsContext>,
   )

package/src/__tests__/modules/appCatalog/ui/detail/CommunitySection.input.test.tsx

@@ -85,7 +85,12 @@ afterEach(() => {
 })
 
 const mount = () =>
-  render(<CommunitySection appSlug="team-board" appName="Team Board" />)
+  render(
+    <CommunitySection
+      target={{ resourceSlug: 'team-board' }}
+      appName="Team Board"
+    />,
+  )
 const field = () =>
   screen.getByRole('textbox', { name: 'Know more about Team Board?' })
 const send = () => screen.getByText('Send')
@@ -349,7 +354,12 @@ describe('CommunitySection — screenshots', () => {
     await userEvent.type(field(), 'about this one')
     first.unmount()
 
-    render(<CommunitySection appSlug="other-app" appName="Other" />)
+    render(
+      <CommunitySection
+        target={{ resourceSlug: 'other-app' }}
+        appName="Other"
+      />,
+    )
     expect(
       screen.getByRole('textbox', { name: 'Know more about Other?' }),
     ).toHaveValue('')

package/src/__tests__/modules/appCatalog/ui/detail/composeComments.test.ts

@@ -17,6 +17,7 @@ const note = (over: Partial<FeedbackView> = {}): FeedbackView => ({
   reviewedAt: null,
   editedAt: null,
   isMine: false,
+  isSystem: false,
   canEditUntil: null,
   status: null,
   reviewerReply: null,

package/src/__tests__/modules/auth/AuthContext.test.tsx

@@ -0,0 +1,55 @@
+import { renderHook, waitFor } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { AuthProvider, useAuth } from '~/modules/auth/AuthContext'
+
+// The session endpoint answers `{ ...session, isAdmin }`: admin rights sit
+// beside the user, not on it.
+function serveSession(body: unknown) {
+  vi.stubGlobal(
+    'fetch',
+    vi.fn().mockResolvedValue({ ok: true, json: async () => body }),
+  )
+}
+
+function renderAuth() {
+  return renderHook(() => useAuth(), {
+    wrapper: ({ children }) => <AuthProvider>{children}</AuthProvider>,
+  })
+}
+
+describe('AuthProvider', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals()
+    localStorage.clear()
+  })
+
+  it('session with top-level isAdmin yields user.isAdmin true', async () => {
+    serveSession({ user: { id: 'u1', name: 'Ada Admin' }, isAdmin: true })
+
+    const { result } = renderAuth()
+
+    await waitFor(() => expect(result.current.isLoading).toBe(false))
+    expect(result.current.user).toEqual({
+      id: 'u1',
+      name: 'Ada Admin',
+      isAdmin: true,
+    })
+    // The optimistic copy the next load renders from keeps it too.
+    expect(JSON.parse(localStorage.getItem('ac_auth_user') ?? 'null')).toEqual(
+      result.current.user,
+    )
+  })
+
+  it('session without isAdmin yields user.isAdmin false', async () => {
+    serveSession({ user: { id: 'u2', name: 'Robin Reader' } })
+
+    const { result } = renderAuth()
+
+    await waitFor(() => expect(result.current.isLoading).toBe(false))
+    expect(result.current.user).toEqual({
+      id: 'u2',
+      name: 'Robin Reader',
+      isAdmin: false,
+    })
+  })
+})

package/src/__tests__/modules/communityTools/likedBy.test.ts

@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest'
+import type { CommunityTool } from '@igstack/app-catalog-shared-core'
+import { likedByText, withLike } from '~/modules/communityTools/likedBy'
+
+describe('likedByText', () => {
+  const text = (likes: number, likedByMe: boolean, likedBy: string[]) =>
+    likedByText({ likes, likedByMe, likedBy })
+  const nine = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H']
+
+  it('names colleagues, the last after "and"', () => {
+    expect(text(0, false, [])).toBe('No likes yet')
+    expect(text(1, false, ['Ann'])).toBe('Liked by Ann')
+    expect(text(3, false, ['Ann', 'Bob', 'Cy'])).toBe(
+      'Liked by Ann, Bob and Cy',
+    )
+  })
+
+  it('puts you first', () => {
+    expect(text(1, true, [])).toBe('Liked by you')
+    expect(text(2, true, ['Ann'])).toBe('Liked by you and Ann')
+  })
+
+  it('names eight colleagues at most, and counts the rest', () => {
+    expect(text(13, true, nine)).toBe(
+      'Liked by you, A, B, C, D, E, F, G, H and 4 others',
+    )
+    expect(text(9, false, nine)).toBe(
+      'Liked by A, B, C, D, E, F, G, H and 1 other',
+    )
+  })
+})
+
+describe('withLike', () => {
+  const tool = { likes: 2, likedByMe: false, likedBy: ['Bob'] } as CommunityTool
+
+  it('counts my like in, and out again', () => {
+    const liked = withLike(tool, true)
+    expect(liked).toMatchObject({ likes: 3, likedByMe: true, likedBy: ['Bob'] })
+    expect(withLike(liked, false)).toMatchObject(tool)
+  })
+
+  it('leaves a tool that already reads that way alone', () => {
+    expect(withLike(tool, false)).toBe(tool)
+  })
+})

package/src/__tests__/modules/communityTools/timeAgo.test.ts

@@ -0,0 +1,28 @@
+import { describe, expect, it } from 'vitest'
+import { timeAgo } from '~/modules/communityTools/timeAgo'
+
+describe('timeAgo', () => {
+  const now = new Date(2026, 9, 21, 9, 0)
+  const before = (days: number) =>
+    new Date(2026, 9, 21 - days, 23, 30).toISOString()
+
+  it('counts calendar days, then months, then years', () => {
+    expect(
+      [0, 1, 3, 30, 31, 61, 364, 365, 800].map((d) => timeAgo(before(d), now)),
+    ).toEqual([
+      'today',
+      'yesterday',
+      '3 days ago',
+      '30 days ago',
+      '1 month ago',
+      '2 months ago',
+      '12 months ago',
+      '1 year ago',
+      '2 years ago',
+    ])
+  })
+
+  it('reads a time in the future as today', () => {
+    expect(timeAgo(new Date(2026, 9, 22).toISOString(), now)).toBe('today')
+  })
+})

package/src/__tests__/modules/communityTools/useTimeUp.test.ts

@@ -0,0 +1,31 @@
+import { act, renderHook } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { useTimeUp } from '~/modules/communityTools/useTimeUp'
+
+const TWO_MINUTES = 2 * 60 * 1000
+
+describe('useTimeUp', () => {
+  beforeEach(() => vi.useFakeTimers())
+  afterEach(() => vi.useRealTimers())
+
+  it('turns true at the limit and not a moment before', () => {
+    const { result } = renderHook(() => useTimeUp('fresh-tool', TWO_MINUTES))
+    act(() => vi.advanceTimersByTime(TWO_MINUTES - 1))
+    expect(result.current).toBe(false)
+    act(() => vi.advanceTimersByTime(1))
+    expect(result.current).toBe(true)
+  })
+
+  it('starts again for a new key', () => {
+    const { result, rerender } = renderHook(
+      ({ key }) => useTimeUp(key, TWO_MINUTES),
+      { initialProps: { key: 'fresh-tool' } },
+    )
+    act(() => vi.advanceTimersByTime(TWO_MINUTES))
+    expect(result.current).toBe(true)
+    rerender({ key: 'other-tool' })
+    expect(result.current).toBe(false)
+    act(() => vi.advanceTimersByTime(TWO_MINUTES))
+    expect(result.current).toBe(true)
+  })
+})

package/src/__tests__/ui/components/header/Header.login.test.tsx

@@ -54,11 +54,11 @@ beforeEach(() => {
 })
 
 describe('Header login button', () => {
-  it('offers an anonymous visitor a Login button that opens the sign-in modal', async () => {
+  it('offers an anonymous visitor a Sign in button that opens the sign-in modal', async () => {
     window.history.pushState({}, '', '/app/sample-review-app?tab=access')
     render(<Header />)
 
-    await userEvent.click(screen.getByRole('button', { name: 'Login' }))
+    await userEvent.click(screen.getByRole('button', { name: 'Sign in' }))
 
     // Comes back to where the visitor was after signing in.
     expect(openLoginModal).toHaveBeenCalledWith(
@@ -75,7 +75,7 @@ describe('Header login button', () => {
     expect(
       screen.getByRole('button', { name: 'DEV Login' }),
     ).toBeInTheDocument()
-    expect(screen.getByRole('button', { name: 'Login' })).toBeInTheDocument()
+    expect(screen.getByRole('button', { name: 'Sign in' })).toBeInTheDocument()
   })
 
   it('leaves no empty flex child in the header row', () => {
@@ -95,6 +95,6 @@ describe('Header login button', () => {
     render(<Header />)
 
     expect(screen.getByTestId('user-avatar-button')).toBeInTheDocument()
-    expect(screen.queryByRole('button', { name: 'Login' })).toBeNull()
+    expect(screen.queryByRole('button', { name: 'Sign in' })).toBeNull()
   })
 })

package/src/api/infra/trpc.ts

@@ -3,4 +3,6 @@ import type { TRPCRouter } from '@igstack/app-catalog-backend-core'
 
 const { TRPCProvider, useTRPC, useTRPCClient } = createTRPCContext<TRPCRouter>()
 
+// Re-export with explicit types to avoid portable type errors
 export { TRPCProvider, useTRPC, useTRPCClient }
+export type { TRPCRouter }

package/src/index.css

@@ -33,6 +33,7 @@
     --muted-foreground: oklch(0.52 0.025 60);
     --accent: oklch(0.93 0.05 70); /* soft amber accent */
     --accent-foreground: oklch(0.36 0.04 55);
+    --highlight: oklch(0.88 0.11 80); /* search-match marker */
     --destructive: oklch(0.6368 0.2078 25.3313);
     --destructive-foreground: oklch(1 0 0);
     --border: oklch(0.9 0.018 80); /* warm hairline */
@@ -714,6 +715,11 @@
   font-style: italic;
   color: var(--muted-foreground);
 }
+/* A line the system wrote when a tool changed: context, not someone's note. */
+.comment__text.is-system {
+  font-size: 0.84375rem;
+  color: var(--muted-foreground);
+}
 .comment__reply {
   margin-top: 0.25rem;
   font-size: 0.84375rem;