@allbluecn/web-app 0.9.2 → 0.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -14,32 +14,32 @@
       "default": "./vite.shared.ts"
     },
     "./lucide-icon-picker": {
-      "types": "./src/components/shared/lucide-icon-picker/index.tsx",
-      "default": "./src/components/shared/lucide-icon-picker/index.tsx"
+      "types": "./src/components/shared-kit/icons/lucide-icon-picker/index.tsx",
+      "default": "./src/components/shared-kit/icons/lucide-icon-picker/index.tsx"
     },
     "./lucide-icon-picker/panel": {
-      "types": "./src/components/shared/lucide-icon-picker/panel.tsx",
-      "default": "./src/components/shared/lucide-icon-picker/panel.tsx"
+      "types": "./src/components/shared-kit/icons/lucide-icon-picker/panel.tsx",
+      "default": "./src/components/shared-kit/icons/lucide-icon-picker/panel.tsx"
     },
     "./lucide-icon-picker/icon-data": {
-      "types": "./src/components/shared/lucide-icon-picker/icon-data.ts",
-      "default": "./src/components/shared/lucide-icon-picker/icon-data.ts"
+      "types": "./src/components/shared-kit/icons/lucide-icon-picker/icon-data.ts",
+      "default": "./src/components/shared-kit/icons/lucide-icon-picker/icon-data.ts"
     },
     "./lucide-icon-picker/curated-icons": {
-      "types": "./src/components/shared/lucide-icon-picker/curated-icons.ts",
-      "default": "./src/components/shared/lucide-icon-picker/curated-icons.ts"
+      "types": "./src/components/shared-kit/icons/lucide-icon-picker/curated-icons.ts",
+      "default": "./src/components/shared-kit/icons/lucide-icon-picker/curated-icons.ts"
     },
     "./lucide-icon-picker/lucide-icon-by-name": {
-      "types": "./src/components/shared/lucide-icon-picker/lucide-icon-by-name.tsx",
-      "default": "./src/components/shared/lucide-icon-picker/lucide-icon-by-name.tsx"
+      "types": "./src/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name.tsx",
+      "default": "./src/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name.tsx"
     },
     "./prototype": {
       "types": "./src/components/prototype/index.ts",
       "default": "./src/components/prototype/index.ts"
     },
     "./user-avatar": {
-      "types": "./src/components/ui-shared/user-avatar.tsx",
-      "default": "./src/components/ui-shared/user-avatar.tsx"
+      "types": "./src/components/shared-kit/avatars/user-avatar.tsx",
+      "default": "./src/components/shared-kit/avatars/user-avatar.tsx"
     },
     "./lib/datetime": {
       "types": "./src/lib/datetime.ts",
@@ -57,26 +57,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "pnpm@11.20.0",
-  "scripts": {
-    "dev": "vite --port 3000",
-    "build": "vite build",
-    "start": "vite preview",
-    "lint": "eslint",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "setup": "pnpm --filter @allbluecn/database generate && pnpm --filter @allbluecn/database migrate:dev",
-    "check:features": "tsx scripts/check-feature-keys.ts",
-    "assemble": "TSX_TSCONFIG_PATH=apps/web/tsconfig.json pnpm -w exec tsx packages/kernel/src/bin.ts --profile oss --assemble --app-dir apps/web",
-    "predev": "pnpm assemble && node scripts/check-sdk-versions.mjs",
-    "prebuild": "pnpm assemble && node scripts/check-sdk-versions.mjs",
-    "pretest": "pnpm assemble",
-    "pretest:run": "pnpm assemble",
-    "prepublishOnly": "node scripts/check-sdk-versions.mjs"
-  },
   "dependencies": {
-    "@allbluecn/database": "workspace:*",
     "@ariakit/react": "^0.4.28",
     "@auth/core": "^0.41.2",
     "@auth/prisma-adapter": "^2.11.2",
@@ -199,7 +180,8 @@
     "zod": "^4.4.3",
     "@open-file-viewer/core": "^0.1.43",
     "@open-file-viewer/react": "^0.1.43",
-    "@allbluecn/kernel": "0.5.1"
+    "@allbluecn/kernel": "0.5.2",
+    "@allbluecn/database": "0.4.17"
   },
   "devDependencies": {
     "@babel/parser": "^8.0.4",
@@ -241,5 +223,21 @@
   },
   "optionalDependencies": {
     "@tauri-apps/api": "^2.11.1"
+  },
+  "scripts": {
+    "dev": "vite --port 3000",
+    "build": "vite build",
+    "start": "vite preview",
+    "lint": "eslint",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "setup": "pnpm --filter @allbluecn/database generate && pnpm --filter @allbluecn/database migrate:dev",
+    "check:features": "tsx scripts/check-feature-keys.ts",
+    "assemble": "TSX_TSCONFIG_PATH=apps/web/tsconfig.json pnpm -w exec tsx packages/kernel/src/bin.ts --profile oss --assemble --app-dir apps/web",
+    "predev": "pnpm assemble && node scripts/check-sdk-versions.mjs",
+    "prebuild": "pnpm assemble && node scripts/check-sdk-versions.mjs",
+    "pretest": "pnpm assemble",
+    "pretest:run": "pnpm assemble"
   }
-}
+}

package/src/__tests__/components/reference-inline.test.tsx

@@ -17,7 +17,7 @@
 
 import { describe, it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
-import { ReferenceInline } from '@/components/ui-shared'
+import { ReferenceInline } from '@/components/shared-kit'
 
 describe('ReferenceInline', () => {
   it('renders title', () => {

package/src/components/agents/agents-page.tsx

@@ -14,7 +14,7 @@ import {
 } from '@/components/ui/tabs'
 import { Button } from '@/components/ui/button'
 import { FeatureGate } from '@/components/billing/feature-gate'
-import { NameConfirmDialog } from '@/components/shared/name-confirm-dialog'
+import { NameConfirmDialog } from '@/components/shared-kit/dialogs/name-confirm-dialog'
 import { listAgentsFn } from '@/server/serverFns/agents/agent-crud'
 import { listSkillsFn, deleteSkillFn } from '@/server/serverFns/agents/skill-crud'
 import { deleteAgentFn } from '@/server/serverFns/agents/agent-crud'

package/src/components/animated-icons/layout-panel-top.tsx

@@ -1 +1 @@
-export * from '@/components/ui-shared/layout-panel-top'
+export * from '@/components/shared-kit/layout/layout-panel-top'

package/src/components/auth/auth-layout.tsx

@@ -1 +1 @@
-export * from '@/components/ui-shared/auth-layout'
+export * from '@/components/shared-kit/auth/auth-layout'

package/src/components/knowledge/dialog/knowledge-form-dialog.tsx

@@ -28,7 +28,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
+import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { createKnowledgeFn, updateKnowledgeFn } from "@/server/serverFns/knowledge";
 import { knowledgeFormSchema, type KnowledgeFormValues } from "../schemas/knowledge-form";
 

package/src/components/knowledge/editor/doc-header.tsx

@@ -20,7 +20,7 @@ import { BookOpen, Clock, Dot, Plus } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { formatSaveTime } from '@/lib/time-format'
 import { useTimezone } from '@/providers/timezone-provider'
-import { UserAvatar } from '@/components/ui-shared'
+import { UserAvatar } from '@/components/shared-kit'
 import { TagSelector } from '@/plugins/core/tags/tag-selector'
 import { TagBadge } from '@/plugins/core/tags/tag-badge'
 import { listTagsFn } from '@/plugins/core/tags/serverFns'

package/src/components/knowledge-public/sharers-avatar-group.tsx

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { UserAvatar } from '@/components/ui-shared'
+import { UserAvatar } from '@/components/shared-kit'
 import { AvatarGroup, AvatarGroupTooltip } from '@/components/magicui/components/animate/avatar-group'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'

package/src/components/layout/sidebar-03/__tests__/nav-workspace.test.tsx

@@ -63,7 +63,7 @@ vi.mock("@/lib/sidebar-utils", () => ({
   isParentActive: (pathname: string, target: string) => pathname.startsWith(target),
 }));
 
-vi.mock("@/components/shared/lucide-icon-picker/lucide-icon-by-name", () => ({
+vi.mock("@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name", () => ({
   LucideIconByName: ({ name }: any) => <span data-testid="project-icon">{name}</span>,
 }));
 

package/src/components/layout/sidebar-03/app-sidebar.tsx

@@ -33,7 +33,7 @@ import { NavKnowledge } from "@/components/layout/sidebar-03/nav-knowledge";
 import { NavWorkspace } from "@/components/layout/sidebar-03/nav-workspace";
 import { Logo } from "@/components/layout/sidebar-03/logo";
 import { UserMenu } from "@/components/layout/sidebar-03/user-menu";
-import { ThemeToggle } from "@/components/shared/theme-toggle";
+import { ThemeToggle } from "@/components/shared-kit/theme/theme-toggle";
 import { AnimatedThemeToggler } from '@/components/magicui/animated-theme-toggler'
 import { Badge } from "@/components/ui/badge"
 import { workspaceRoutes } from "@/config/sidebar-routes";

package/src/components/layout/sidebar-03/nav-workspace.tsx

@@ -28,7 +28,7 @@ import {
 } from "@/components/ui/sidebar";
 import { cn } from "@/lib/utils";
 import { isParentActive } from "@/lib/sidebar-utils";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { CreateWorkspaceDialog } from "@/components/workspace/create-workspace-dialog";
 import { useLiveQuery } from "@tanstack/react-db";
 import { workspacesCollection } from "@/lib/collections/reference/workspaces-collection";

package/src/components/layout/sidebar-03/user-menu.tsx

@@ -47,7 +47,7 @@ import { signOut, useSession } from "@/lib/auth/auth-client";
 import { useRouter, useMatches } from "@tanstack/react-router";
 import { useTranslation } from "react-i18next";
 import { getQueryClient } from "@/lib/query-client-seam";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { SparklesText } from "@/components/magicui/sparkles-text";
 

package/src/components/magicui/animated-theme-toggler.tsx

@@ -1 +1 @@
-export * from '@/components/ui-shared/animated-theme-toggler'
+export * from '@/components/shared-kit/theme/animated-theme-toggler'

package/src/components/magicui/grid-pattern.tsx

@@ -1 +1 @@
-export * from '@/components/ui-shared/grid-pattern'
+export * from '@/components/shared-kit/decorative/grid-pattern'

package/src/components/project/create-project-dialog.tsx

@@ -36,7 +36,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
+import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
 import { extractDisplayId, validateDisplayId } from "@/lib/project-display-id";
 import { checkDisplayIdAvailableFn, createProjectFn } from "@/server/serverFns/project";
 import { listWorkspacesBriefFn } from "@/server/serverFns/workspace";

package/src/components/project/invite-member-dialog.tsx

@@ -41,7 +41,7 @@ import {
 import { addProjectMemberFromTeamFn } from "@/server/serverFns/project";
 import { listTeamUsersFn } from "@/server/serverFns/team";
 import type { ProjectRole } from "@/types/project";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 
 interface AssignMemberDialogProps {
   open: boolean;

package/src/components/project/project-activity-list.tsx

@@ -17,7 +17,7 @@
 
 import { useTranslation } from "react-i18next"
 import { getClientI18n } from "@/i18n/client"
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { cn } from "@/lib/utils";
 import { formatDate } from "@/lib/datetime";

package/src/components/project/project-member-manager.tsx

@@ -39,7 +39,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel";
 import { InviteMemberDialog } from "./invite-member-dialog";
 import {

package/src/components/settings/personal-team/account/avatar/notion-avatar.tsx

@@ -15,6 +15,6 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-export { NotionAvatar as default } from "@/components/ui-shared"
-export { NotionAvatar } from "@/components/ui-shared"
+export { NotionAvatar as default } from "@/components/shared-kit"
+export { NotionAvatar } from "@/components/shared-kit"
 export type { ShapeType } from "@allbluecn/kernel"

package/src/components/settings/personal-team/team/team-member-list.tsx

@@ -15,7 +15,7 @@ import { useTranslation } from "react-i18next"
 import { cn } from "@/lib/utils"
 import { formatDate } from "@/lib/datetime"
 import { useTimezone } from "@/providers/timezone-provider"
-import { UserAvatar } from "@/components/ui-shared"
+import { UserAvatar } from "@/components/shared-kit"
 import type { AvatarConfig, ShapeType } from "@allbluecn/kernel"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"

package/src/components/shadcn-space/blocks/hero-01/header.tsx

@@ -28,7 +28,7 @@ import { m } from "motion/react";
 import { InteractiveHoverButton } from "@/components/magicui/interactive-hover-button";
 import { useSession } from "@/lib/auth/auth-client";
 import { useRouter } from "@tanstack/react-router";
-import { ThemeToggle } from "@/components/shared/theme-toggle";
+import { ThemeToggle } from "@/components/shared-kit/theme/theme-toggle";
 import { AnimatedThemeToggler } from '@/components/magicui/animated-theme-toggler'
 
 export type NavigationSection = {

package/src/components/{ui-shared → shared-kit/auth}/auth-layout.tsx

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { ReactNode } from 'react'
-import { AnimatedThemeToggler } from './animated-theme-toggler'
+import { AnimatedThemeToggler } from '@/components/shared-kit/theme/animated-theme-toggler'
 
 interface AuthLayoutProps {
   children: ReactNode

package/src/components/{ui-shared → shared-kit/decorative}/grid-pattern.tsx

@@ -17,7 +17,7 @@
 
 import { useId } from "react"
 
-import { cn } from "./utils"
+import { cn } from "@/lib/utils"
 
 interface GridPatternProps extends React.SVGProps<SVGSVGElement> {
   width?: number

package/src/components/{ui-shared → shared-kit/dialogs}/name-confirm-dialog.tsx

@@ -17,12 +17,13 @@
 
 
 import { useState } from "react";
+import * as React from "react";
 import type { ReactNode } from "react";
 import { toast } from "sonner";
 import { useTranslation } from "react-i18next";
-import { Button } from "./button";
-import { Input } from "./input";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import {
   Dialog,
   DialogContent,
@@ -30,7 +31,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "./dialog";
+} from "@/components/ui/dialog";
 
 interface NameConfirmDialogProps {
   open: boolean;
@@ -120,7 +121,7 @@ export function NameConfirmDialog({
             </p>
             <Input
               value={inputValue}
-              onChange={(e) => {
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                 setInputValue(e.target.value);
                 setError("");
               }}

package/src/components/{shared → shared-kit/icons}/__tests__/lucide-curated-icons.test.ts

@@ -17,8 +17,8 @@
 
 import { describe, expect, it } from "vitest";
 import { icons } from "lucide-react";
-import { CURATED_ICONS } from "@/components/shared/lucide-icon-picker/curated-icons";
-import { pascalToKebab } from "@/components/shared/lucide-icon-picker/icon-data";
+import { CURATED_ICONS } from "@/components/shared-kit/icons/lucide-icon-picker/curated-icons";
+import { pascalToKebab } from "@/components/shared-kit/icons/lucide-icon-picker/icon-data";
 
 const BANNED_SUFFIX = /-(off|slash|ban|x)$/;
 const BANNED_NUMBER_TAIL = /-[0-9]+$/;

package/src/components/{shared → shared-kit/icons}/__tests__/lucide-icon-data.test.ts

@@ -24,7 +24,7 @@ import {
   pascalToKebab,
   pushRecentIcon,
   type CuratedIcon,
-} from "@/components/shared/lucide-icon-picker/icon-data";
+} from "@/components/shared-kit/icons/lucide-icon-picker/icon-data";
 import { Star, Clock, FolderKanban } from "lucide-react";
 
 const fakeIcons: CuratedIcon[] = [

package/src/components/{shared → shared-kit/icons}/__tests__/lucide-icon-picker.test.tsx

@@ -19,11 +19,11 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { Star } from "lucide-react";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
-import { IconPickerPanel } from "@/components/shared/lucide-icon-picker/panel";
-import { LucideIconPicker } from "@/components/shared/lucide-icon-picker";
-import { CURATED_ICONS } from "@/components/shared/lucide-icon-picker/curated-icons";
-import { pushRecentIcon, getRecentIcons } from "@/components/shared/lucide-icon-picker/icon-data";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
+import { IconPickerPanel } from "@/components/shared-kit/icons/lucide-icon-picker/panel";
+import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
+import { CURATED_ICONS } from "@/components/shared-kit/icons/lucide-icon-picker/curated-icons";
+import { pushRecentIcon, getRecentIcons } from "@/components/shared-kit/icons/lucide-icon-picker/icon-data";
 
 describe("LucideIconByName", () => {
   it("有效 name 渲染对应图标（jsdom 下 data-icon 属性不可靠，以 width 断言）", () => {

package/src/components/{ui-shared → shared-kit}/index.ts

@@ -15,9 +15,12 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-export { ReferenceInline } from "./reference-inline";
-export { ReferenceSearch } from "./reference-search";
-export { AICommandButton } from "./ai-command-button";
-export { AIStreamText } from "./ai-stream-text";
-export { NotionAvatar } from "./notion-avatar";
-export { UserAvatar } from "./user-avatar";
+export { UserAvatar } from "./avatars/user-avatar";
+export { NotionAvatar } from "./avatars/notion-avatar";
+export { ReferenceInline } from "./reference/reference-inline";
+export { ReferenceSearch } from "./reference/reference-search";
+export { AICommandButton } from "./ai/ai-command-button";
+export { AIStreamText } from "./ai/ai-stream-text";
+export { AuthLayout, AuthLayoutLeft, AuthLayoutRight } from "./auth/auth-layout";
+export { AnimatedThemeToggler } from "./theme/animated-theme-toggler";
+export { useTimezone } from "./timezone/timezone-provider";

package/src/components/{ui-shared → shared-kit/layout}/layout-panel-top.tsx

@@ -21,7 +21,7 @@ import { m, useAnimation } from "motion/react";
 import type { HTMLAttributes } from "react";
 import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
 
-import { cn } from "./utils";
+import { cn } from "@/lib/utils";
 
 export interface LayoutPanelTopIconHandle {
   startAnimation: () => void;

package/src/components/{ui-shared → shared-kit/navigation}/nav-float-button.tsx

@@ -18,14 +18,14 @@
 
 import React, { useRef, useState, useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { Button } from "./button";
+import { Button } from "@/components/ui/button";
 import { Minimize2, ArrowDownToLine } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "./tooltip";
+} from "@/components/ui/tooltip";
 
 type Corner = "top-left" | "top-right" | "bottom-left" | "bottom-right";
 

package/src/components/{ui-shared → shared-kit/theme}/animated-theme-toggler.tsx

@@ -21,7 +21,7 @@ import { Moon, Sun } from "lucide-react"
 import { flushSync } from "react-dom"
 import { useTheme } from "next-themes"
 
-import { cn } from "./utils"
+import { cn } from "@/lib/utils"
 
 export type TransitionVariant =
   | "circle"

package/src/components/story/columns.tsx

@@ -27,7 +27,7 @@ import {
 } from "@tanstack/react-table";
 import { Link } from "@tanstack/react-router";
 import { Badge } from "@/components/ui/badge";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import { PriorityIcon } from "./priority-icon";
 import { STATE_LABEL, STATE_COLOR, PRIORITY_LABEL, PRIORITY_RANK } from "./constants";
 import type { TFunction } from 'i18next'

package/src/components/story/create-story-dialog.tsx

@@ -17,10 +17,10 @@
 
 import { useCallback, useEffect, useRef, useState } from "react"
 import { CalendarCheck, CalendarPlus2, Sprout } from "lucide-react"
-import { UserAvatar } from "@/components/ui-shared"
+import { UserAvatar } from "@/components/shared-kit"
 import { useForm } from "@tanstack/react-form"
 import { useTranslation } from "react-i18next"
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name"
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 

package/src/components/story/detail/__tests__/activity-timeline.test.tsx

@@ -24,7 +24,7 @@ vi.mock("@/server/serverFns/project", () => ({
   listProjectsBriefFn: vi.fn().mockResolvedValue([]),
 }));
 
-vi.mock("@/components/ui-shared", () => ({
+vi.mock("@/components/shared-kit", () => ({
   UserAvatar: ({ name }: { name: string }) => (
     <span data-testid="avatar">{name}</span>
   ),

package/src/components/story/detail/activity-timeline.tsx

@@ -19,7 +19,7 @@ import { useState, useRef, useLayoutEffect, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import type { TFunction } from "i18next";
 import type { ReactNode } from "react";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import {
   ACTIVITY_LABEL,
   ACTIVITY_ICON,
@@ -30,7 +30,7 @@ import {
   type StoryState,
   type StoryPriority,
 } from "@/components/story/constants";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { listProjectsBriefFn } from "@/server/serverFns/project";
 import type { ActivityItem, UserBrief } from "@/components/story/types";
 import { groupActivities, type ActivityGroup } from "@/lib/story/activity-grouper";

package/src/components/story/detail/comment-item.tsx

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import { useTranslation } from "react-i18next";
 import { formatRelative } from "./comment-thread";
 import { CommentInput } from "./comment-input";

package/src/components/story/detail/story-detail-body.tsx

@@ -27,7 +27,7 @@ import {
   ClockPlus,
   ClockArrowUp,
 } from "lucide-react";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import { Input } from "@/components/ui/input";
 
 import { Skeleton } from "@/components/ui/skeleton";
@@ -45,7 +45,7 @@ import { EmojiPicker } from "./emoji-picker";
 import { StoryAiToolbar } from "../ai/story-ai-toolbar";
 import { useStoryAiModel } from "../ai/use-story-ai-model";
 import { StateEditor, PriorityEditor, AssigneeEditor, DateEditor, LabelsEditor, ParentStoryEditor } from "../inline-editors";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import type { Editor } from "@tiptap/react";
 import { StoryProperties } from "./story-properties";
 import { StoryDetailToolbar } from "./story-detail-toolbar";

package/src/components/story/detail/story-detail-toolbar/associated-attachments-panel.tsx

@@ -50,7 +50,7 @@ import { getDocumentFn } from "@/server/serverFns/knowledge";
 import { sanitize } from "@/lib/sanitize";
 import { formatFileSize, getFaviconUrl, getFileTypeIcon, extractLinkTitle, getMimeTypeLabel } from "../../relations/format";
 import { generalGroupLabel } from "../../relations/general-groups";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import type { AssociatedItem, RelationsData, StoryLinkItem, StoryAttachmentItem } from "../../types";
 
 export type AssociatedDialogKind = "link" | "attachment" | "knowledge";

package/src/components/story/display/group-resolver.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { Sprout, CircleUser } from "lucide-react";
-import { UserAvatar } from "@/components/ui-shared";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { UserAvatar } from "@/components/shared-kit";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { cn } from "@/lib/utils";
 import { STORY_STATES, STATE_LABEL, STATE_COLOR, STATE_ICON, STORY_PRIORITIES, PRIORITY_LABEL, PRIORITY_ICON } from "../constants";
 import { PRIORITY_COLOR } from "../priority-icon";

package/src/components/story/filters/applied-filters.tsx

@@ -18,7 +18,7 @@
 import { X, Calendar, CircleUser, Archive, BrushCleaning } from "lucide-react";
 import { format, parseISO, isValid } from "date-fns";
 import { Button } from "@/components/ui/button";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import { PriorityIcon } from "../priority-icon";
 import { STORY_STATES, STATE_ICON, PRIORITY_LABEL, type StoryState, type StoryPriority } from "../constants";
 import { getFilterLabel, getFilterIcon, type FilterCondition, type FilterKey } from "./filter-types";

package/src/components/story/inline-editors/assignee-editor.tsx

@@ -20,7 +20,7 @@ import { CircleUser, Search, Check, ArrowDownUp } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Input } from "@/components/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { UserAvatar } from "@/components/ui-shared";
+import { UserAvatar } from "@/components/shared-kit";
 import type { UserBrief } from "../types";
 import { cn } from "@/lib/utils";
 import { InlineTrigger } from "./inline-trigger";

package/src/components/story/inline-editors/story-select-dialog.tsx

@@ -22,7 +22,7 @@ import { cn } from "@/lib/utils";
 import { Search, Sprout, ChevronsUpDown, Check, Trees, ListFilter, Flag } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { Checkbox } from "@/components/ui/checkbox";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {

package/src/components/story/relations/story-ref-row.tsx

@@ -37,9 +37,9 @@ import {
   deleteStoryFn,
 } from "@/server/serverFns/story";
 import { PriorityEditor, StateEditor, AssigneeEditor, DateEditor, LabelsEditor, DependencyTypeSelect } from "../inline-editors";
-import { NameConfirmDialog } from "@/components/shared/name-confirm-dialog";
+import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { cn } from "@/lib/utils";
-import { LucideIconByName } from "@/components/shared/lucide-icon-picker/lucide-icon-by-name";
+import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { dependencyTypeOption } from "../constants";
 import type { DisplayProperty } from "../display/types";
 import type { StoryPatch } from "../display/group-fields";

package/src/components/story/story-panel-header.tsx

@@ -46,7 +46,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { toast } from "sonner";
-import { NameConfirmDialog } from "@/components/shared/name-confirm-dialog";
+import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { archiveStoryFn, deleteStoryFn } from "@/server/serverFns/story";
 import { TransferStoryPopover } from "./transfer-story-popover";