mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-15 06:09:35 +02:00
f4de0948a2
* refactor(ui): converge ActorAvatar size to semantic tiers (MUL-4277) Replace the free-form numeric `size` on ActorAvatar with a constrained `AvatarSize` union (xs/sm/md/lg/xl/2xl) so avatar dimensions are chosen by role instead of ad-hoc pixels. This eliminates the magic-number drift where the same role rendered at different sizes across pages. - Add `@multica/ui/lib/avatar-size` (AvatarSize union + AVATAR_SIZE_PX map + default tier). - Base `ActorAvatar` (packages/ui) and business `ActorAvatar`/`AgentStatusDot` (packages/views) now take `AvatarSize`; internal font/icon math and the presence-dot threshold read px from the map. - Migrate all web/desktop call sites (packages/ui + packages/views) from numeric sizes to tiers using the role table (12,14->xs 16,18,20->sm 22,24,28->md 30,32,34->lg 40,44->xl 56,64->2xl). - Token-ise the derived consumers `AgentAvatarStack` and `IssueAgentActivityIndicator` (px looked up internally for overlap/+N math). Out of scope (per plan): ui/avatar.tsx primitive, account-tab/AvatarPicker, mobile, and component-name disambiguation. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> * fix(ui): unify all avatars and the upload cropper to round (MUL-4277, MUL-4184) main's avatar-shape decision rendered non-human actors (agent, squad, system) and the workspace logo as rounded squares, and the upload cropper mirrored that with a square crop window. Per the updated decision (avatars_and_cropper_round_required), every avatar and the crop UI are now circular; the square path is removed rather than left as dead config. - Base ActorAvatar: always rounded-full (drop the isHuman/rounded-md split). - avatar-crop-dialog: remove the AvatarCropShape/square path; crop window is always cropShape="round". - avatar-upload-control: drop VARIANT_SHAPE; the control is always round and no longer threads a shape to the dialog (variant still drives the fallback). - Strip rounded-md/rounded-none square overrides from agent/squad/member ActorAvatar call sites; round the read-only agent/squad static wrappers. - WorkspaceAvatar: round the org logo so it matches the (now round) workspace upload/crop and the shared avatar shape. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> * fix(ui): make round avatar shape a hard invariant (MUL-4277) Close the two remaining square squad-avatar paths flagged in review and prevent call sites from re-squaring the avatar: - base ActorAvatar: keep `rounded-full` as the last class in cn() so a call-site `className` can no longer override the circle. - SquadHeaderAvatar: drop `className="rounded"` (was overriding the base circle into a small rounded square). - SquadsPage no-avatar fallback: route through the shared ActorAvatarBase (`isSquad size="lg"`) instead of a hand-written rounded-md tile, so the fallback matches the image path — one shape source of truth. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> * fix(views): round the agent/squad avatar loading skeletons (MUL-4277) The avatar placeholder skeletons on the agent/squad list, detail, and profile-card loading states were still rounded squares (rounded-md/lg) from the pre-round era, so the avatar visibly popped from square to circle on load — inconsistent with the round avatars and with the member/inbox/issue skeletons that already use rounded-full. Round all five: agents-page, agent-detail-page, squads-page, squad-detail-page, squad-profile-card. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
75 lines
2.2 KiB
JSON
75 lines
2.2 KiB
JSON
{
|
|
"name": "@multica/ui",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"typecheck": "tsc --noEmit",
|
|
"lint": "eslint ."
|
|
},
|
|
"exports": {
|
|
"./components/ui/*": "./components/ui/*.tsx",
|
|
"./components/common/*": "./components/common/*.tsx",
|
|
"./markdown": "./markdown/index.ts",
|
|
"./markdown/*": "./markdown/*.tsx",
|
|
"./markdown/linkify": "./markdown/linkify.ts",
|
|
"./markdown/mentions": "./markdown/mentions.ts",
|
|
"./hooks/*": "./hooks/*.ts",
|
|
"./lib/utils": "./lib/utils.ts",
|
|
"./lib/avatar-size": "./lib/avatar-size.ts",
|
|
"./lib/data-table": "./lib/data-table.ts",
|
|
"./lib/code-style": "./lib/code-style.ts",
|
|
"./lib/clipboard": "./lib/clipboard.ts",
|
|
"./i18n-types": "./types/i18next.ts",
|
|
"./styles/tokens.css": "./styles/tokens.css",
|
|
"./styles/base.css": "./styles/base.css"
|
|
},
|
|
"dependencies": {
|
|
"@base-ui/react": "^1.3.0",
|
|
"@emoji-mart/data": "^1.2.1",
|
|
"@tanstack/react-table": "catalog:",
|
|
"class-variance-authority": "catalog:",
|
|
"clsx": "catalog:",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"embla-carousel-react": "^8.6.0",
|
|
"emoji-mart": "^5.6.0",
|
|
"input-otp": "^1.4.2",
|
|
"linkify-it": "^5.0.0",
|
|
"katex": "catalog:",
|
|
"lucide-react": "catalog:",
|
|
"motion": "^12.38.0",
|
|
"next-themes": "^0.4.6",
|
|
"react-day-picker": "^9.14.0",
|
|
"react-markdown": "^10.1.0",
|
|
"react-resizable-panels": "^4.7.5",
|
|
"recharts": "3.8.0",
|
|
"rehype-katex": "catalog:",
|
|
"rehype-raw": "^7.0.0",
|
|
"rehype-sanitize": "^6.0.0",
|
|
"remark-breaks": "^4.0.0",
|
|
"remark-gfm": "^4.0.1",
|
|
"remark-math": "catalog:",
|
|
"shiki": "^3.21.0",
|
|
"sonner": "^2.0.7",
|
|
"tailwind-merge": "catalog:",
|
|
"tw-animate-css": "^1.4.0",
|
|
"unicode-animations": "catalog:",
|
|
"vaul": "^1.1.2"
|
|
},
|
|
"peerDependencies": {
|
|
"i18next": "catalog:",
|
|
"react": "catalog:",
|
|
"react-dom": "catalog:",
|
|
"react-i18next": "catalog:"
|
|
},
|
|
"devDependencies": {
|
|
"@multica/eslint-config": "workspace:*",
|
|
"@multica/tsconfig": "workspace:*",
|
|
"@types/linkify-it": "^5.0.0",
|
|
"@types/react": "catalog:",
|
|
"@types/react-dom": "catalog:",
|
|
"typescript": "catalog:"
|
|
}
|
|
}
|