chore: align all package names to @trycompai scope

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: claudfuen

.claude/agents/ds-migration-reviewer.md

@@ -1,6 +1,6 @@
 ---
 name: ds-migration-reviewer
-description: Checks files for @comp/ui and lucide-react imports that can be migrated to @trycompai/design-system
+description: Checks files for @trycompai/ui and lucide-react imports that can be migrated to @trycompai/design-system
 tools: Read, Grep, Glob, Bash
 ---
 
@@ -10,7 +10,7 @@ You review frontend files for design system migration opportunities.
 
 For each file provided, identify:
 
-1. **`@comp/ui` imports** — check if `@trycompai/design-system` has an equivalent:
+1. **`@trycompai/ui` imports** — check if `@trycompai/design-system` has an equivalent:
    ```bash
    node -e "console.log(Object.keys(require('@trycompai/design-system')))"
    ```
@@ -20,7 +20,7 @@ For each file provided, identify:
    node -e "const i = require('@trycompai/design-system/icons'); console.log(Object.keys(i).filter(k => k.match(/SearchTerm/i)))"
    ```
 
-3. **`@comp/ui/button` Button** — DS Button has `loading`, `iconLeft`, `iconRight` props. Manual spinner/icon rendering inside buttons should use these props instead.
+3. **`@trycompai/ui/button` Button** — DS Button has `loading`, `iconLeft`, `iconRight` props. Manual spinner/icon rendering inside buttons should use these props instead.
 
 4. **Raw HTML layout** (`<div className="flex ...">`) — check if `Stack`, `HStack`, `PageLayout`, `PageHeader`, `Section` could replace it.
 
@@ -29,7 +29,7 @@ For each file provided, identify:
 - DS `Text`, `Stack`, `HStack`, `Badge`, `Button` do NOT accept `className` — wrap in `<div>` if styling needed
 - Icons come from `@trycompai/design-system/icons` (Carbon icons)
 - Only flag migrations where a DS equivalent actually exists — verify by checking exports
-- Don't flag `@comp/ui` usage for components that have no DS equivalent yet
+- Don't flag `@trycompai/ui` usage for components that have no DS equivalent yet
 
 ## Output format
 

.claude/skills/audit-design-system/SKILL.md

@@ -1,14 +1,14 @@
 ---
 name: audit-design-system
-description: Audit & fix design system usage — migrate @comp/ui and lucide-react to @trycompai/design-system
+description: Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system
 ---
 
 Audit the specified files for design system compliance. **Fix every issue found immediately.**
 
 ## Rules
 
-1. **`@trycompai/design-system`** is the primary component library. `@comp/ui` is legacy — only use as last resort when no DS equivalent exists.
-2. **Always check DS exports first** before reaching for `@comp/ui`. Run `node -e "console.log(Object.keys(require('@trycompai/design-system')))"` to check.
+1. **`@trycompai/design-system`** is the primary component library. `@trycompai/ui` is legacy — only use as last resort when no DS equivalent exists.
+2. **Always check DS exports first** before reaching for `@trycompai/ui`. Run `node -e "console.log(Object.keys(require('@trycompai/design-system')))"` to check.
 3. **Icons**: Use `@trycompai/design-system/icons` (Carbon icons), NOT `lucide-react`. Check with `node -e "const i = require('@trycompai/design-system/icons'); console.log(Object.keys(i).filter(k => k.match(/YourSearch/i)))"`.
 4. **DS components that do NOT accept `className`**: `Text`, `Stack`, `HStack`, `Badge`, `Button` — wrap in `<div>` for custom styling.
 5. **Button**: Use DS `Button` with `loading`, `iconLeft`, `iconRight` props instead of manually rendering spinners/icons.
@@ -17,7 +17,7 @@ Audit the specified files for design system compliance. **Fix every issue found
 
 ## Process
 1. Read files specified in `$ARGUMENTS`
-2. Find `@comp/ui` imports — check if DS equivalent exists
+2. Find `@trycompai/ui` imports — check if DS equivalent exists
 3. Find `lucide-react` imports — find matching Carbon icons
 4. Migrate components and icons
-5. Run build to verify: `npx turbo run typecheck --filter=@comp/app`
+5. Run build to verify: `npx turbo run typecheck --filter=@trycompai/app`

.claude/skills/audit-hooks/SKILL.md

@@ -31,4 +31,4 @@ Audit the specified files for hook and API usage compliance. **Fix every issue f
 1. Read files specified in `$ARGUMENTS`
 2. Find forbidden patterns and fix them
 3. Ensure all data fetching uses SWR hooks
-4. Run typecheck to verify: `npx turbo run typecheck --filter=@comp/app`
+4. Run typecheck to verify: `npx turbo run typecheck --filter=@trycompai/app`

.claude/skills/audit-rbac/SKILL.md

@@ -39,4 +39,4 @@ Audit the specified files or directories for RBAC and audit log compliance. **Fi
 1. Read files specified in `$ARGUMENTS` (or scan the directory)
 2. Check each rule above
 3. **Fix every violation immediately** — don't just report
-4. Run typecheck to verify: `npx turbo run typecheck --filter=@comp/api --filter=@comp/app`
+4. Run typecheck to verify: `npx turbo run typecheck --filter=@trycompai/api --filter=@trycompai/app`

.claude/skills/production-readiness/SKILL.md

@@ -14,7 +14,7 @@ Use parallel subagents to run all four audits simultaneously:
 
 Then run full monorepo verification:
 ```bash
-npx turbo run typecheck --filter=@comp/api --filter=@comp/app
+npx turbo run typecheck --filter=@trycompai/api --filter=@trycompai/app
 cd apps/app && npx vitest run
 ```
 

.cursor/rules/essentials.mdc

@@ -19,15 +19,15 @@ bunx <cmd>           # Execute binary
 
 ## Components
 
-**Use `@trycompai/design-system` first**, `@comp/ui` only as fallback.
+**Use `@trycompai/design-system` first**, `@trycompai/ui` only as fallback.
 
 ```tsx
 // ✅ Design system
 import { Button, Card, Input, Select } from '@trycompai/design-system';
 import { Add, Close } from '@trycompai/design-system/icons';
 
 // ❌ Don't use when DS has the component
-import { Button } from '@comp/ui/button';
+import { Button } from '@trycompai/ui/button';
 import { Plus } from 'lucide-react';
 ```
 

.cursor/rules/infra.mdc

@@ -26,7 +26,7 @@ comp/
 │   ├── app/             # Next.js main app
 │   └── portal/          # Next.js portal
 ├── packages/
-│   ├── db/              # Prisma (@comp/db)
+│   ├── db/              # Prisma (@trycompai/db)
 │   ├── ui/              # UI components (@trycompai/ui)
 │   └── ...
 ├── turbo.json
@@ -44,7 +44,7 @@ bun run dev              # Dev all
 
 # Single package
 bun run -F apps/app dev
-bun run -F @comp/db prisma:generate
+bun run -F @trycompai/db prisma:generate
 turbo build --filter=@trycompai/ui
 ```
 
@@ -53,7 +53,7 @@ turbo build --filter=@trycompai/ui
 ```tsx
 // ✅ Import from package name
 import { Button } from '@trycompai/design-system';
-import { prisma } from '@comp/db';
+import { prisma } from '@trycompai/db';
 
 // ❌ Never relative paths across packages
 import { Button } from '../../../packages/ui/src/button';
@@ -116,7 +116,7 @@ mkdir packages/my-package
 ```json
 // packages/my-package/tsconfig.json
 {
-  "extends": "@comp/tsconfig/base.json",
+  "extends": "@trycompai/tsconfig/base.json",
   "include": ["src"]
 }
 ```

.cursor/rules/ui.mdc

@@ -6,15 +6,15 @@ alwaysApply: true
 ## Design System Priority
 
 1. **First choice:** `@trycompai/design-system`
-2. **Fallback:** `@comp/ui` only if DS doesn't have the component
+2. **Fallback:** `@trycompai/ui` only if DS doesn't have the component
 
 ```tsx
 // ✅ Design system
 import { Button, Card, Input, Sheet, Badge } from '@trycompai/design-system';
 import { Add, Close, ArrowRight } from '@trycompai/design-system/icons';
 
 // ❌ Don't use when DS has it
-import { Button } from '@comp/ui/button';
+import { Button } from '@trycompai/ui/button';
 import { Plus } from 'lucide-react';
 ```
 

.cursorrules

@@ -9,7 +9,7 @@ Read CLAUDE.md at the repo root and apps/api/CLAUDE.md for comprehensive project
 - **Max 300 lines** per file.
 - **Session auth only** — no JWT. Use `credentials: 'include'` for API calls.
 - **RBAC**: `@RequirePermission('resource', 'action')` on every API endpoint. Gate UI with `hasPermission()`.
-- **Design system**: Always `@trycompai/design-system` first, `@comp/ui` only as fallback. Icons from `@trycompai/design-system/icons`.
+- **Design system**: Always `@trycompai/design-system` first, `@trycompai/ui` only as fallback. Icons from `@trycompai/design-system/icons`.
 - **Data fetching**: Server components use `serverApi`. Client components use SWR hooks with `apiClient`.
 - **No server actions** for new features. Call NestJS API directly.
 - **Tests required** for every new feature. TDD preferred.

.syncpackrc.json

@@ -4,8 +4,8 @@
   "semverGroups": [
     {
       "label": "Use exact versions for internal packages",
-      "packages": ["@comp/**"],
-      "dependencies": ["@comp/**"],
+      "packages": ["@trycompai/**"],
+      "dependencies": ["@trycompai/**"],
       "range": "workspace:*"
     }
   ],