pixelize-design-library 2.4.1-beta.1 → 2.4.1-beta.10

package/dist/index.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = exports.UpgradeButton = exports.OrgSwitcher = exports.StageItem = exports.StageProgress = exports.CopyButton = exports.ScrollToTop = exports.PdfViewer = exports.MoreItems = exports.LazyWrapper = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.FilePreviewTrigger = exports.FilePreview = exports.FieldSelectModal = exports.WorkspaceTrayPreview = exports.WorkspaceTray = exports.WorkspaceWindow = exports.EmptyState = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.brandThemes = exports.ThemeSwitcher = exports.useThemeMode = exports.PixelizeThemeProvider = exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.useIsTruncated = exports.useSidebarPrefs = exports.VerifyEmailOtp = exports.useToaster = exports.OverflowToolTip = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = void 0;
-exports.contrastRatio = exports.relativeLuminance = exports.mix = exports.withLightness = exports.hslToHex = exports.hexToHsl = exports.hslToRgb = exports.rgbToHsl = exports.rgbToHex = exports.compositeOver = exports.hexToRgba = exports.hexToRgb = exports.DARK_CANVAS_LUMINANCE = exports.AA_NORMAL_TEXT = exports.pickAccentText = exports.accentTextOnCanvas = exports.onGradient = exports.onFilled = exports.isDarkCanvas = exports.buildDarkPalette = exports.themeNames = exports.palettes = exports.darkPalettes = exports.lightPalettes = void 0;
+exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = exports.splitMonthsAndDays = exports.resolvePlanBadge = exports.formatPlanRemaining = exports.formatPlanExpiry = exports.formatPlanElapsed = exports.PlanBadge = exports.PlanPill = exports.UpgradeButton = exports.LimitReachedModal = exports.OrgSwitcher = exports.StageItem = exports.StageProgress = exports.CopyButton = exports.ScrollToTop = exports.PdfViewer = exports.MoreItems = exports.LazyWrapper = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.FilePreviewTrigger = exports.FilePreview = exports.FieldSelectModal = exports.WorkspaceTrayPreview = exports.WorkspaceTray = exports.WorkspaceWindow = exports.EmptyState = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
+exports.VerifyEmailOtp = exports.useToaster = exports.OverflowToolTip = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.SelectV2 = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = void 0;
+exports.contrastRatio = exports.relativeLuminance = exports.mix = exports.withLightness = exports.hslToHex = exports.hexToHsl = exports.hslToRgb = exports.rgbToHsl = exports.rgbToHex = exports.compositeOver = exports.hexToRgba = exports.hexToRgb = exports.DARK_CANVAS_LUMINANCE = exports.AA_NORMAL_TEXT = exports.pickAccentText = exports.accentTextOnCanvas = exports.onGradient = exports.onFilled = exports.isDarkCanvas = exports.resolveStatusTone = exports.resolveAvatarFill = exports.meetsBodyText = exports.avatarFillFor = exports.AVATAR_SEEDS = exports.withOutlineRung = exports.liftToContrast = exports.AA_NON_TEXT = exports.buildDarkPalette = exports.themeNames = exports.palettes = exports.darkPalettes = exports.lightPalettes = exports.brandThemes = exports.ThemeSwitcher = exports.useThemeMode = exports.PixelizeThemeProvider = exports.createAccountHandoff = exports.resolveReturnUrl = exports.isAllowedReturnUrl = exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.useIsTruncated = exports.useSidebarPrefs = void 0;
 const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordian = Accordion_1.default;
 const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -121,6 +121,8 @@ const Search_1 = __importDefault(require("./Components/Search/Search"));
 exports.Search = Search_1.default;
 const Select_1 = __importDefault(require("./Components/Select/Select"));
 exports.Select = Select_1.default;
+const SelectV2_1 = __importDefault(require("./Components/SelectV2/SelectV2"));
+exports.SelectV2 = SelectV2_1.default;
 const SearchSelect_1 = __importDefault(require("./Components/SearchSelect/SearchSelect"));
 exports.SearchSelect = SearchSelect_1.default;
 const SelectSearch_1 = __importDefault(require("./Components/SelectSearch/SelectSearch"));
@@ -163,6 +165,11 @@ const Theme_1 = require("./Theme");
 Object.defineProperty(exports, "ThemesList", { enumerable: true, get: function () { return Theme_1.ThemesList; } });
 const table_1 = require("./Utils/table");
 Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return table_1.debounce; } });
+// Cross-app Account handoff — shared deep-link contract so apps stop copy-pasting it.
+const accountHandoff_1 = require("./Utils/accountHandoff");
+Object.defineProperty(exports, "isAllowedReturnUrl", { enumerable: true, get: function () { return accountHandoff_1.isAllowedReturnUrl; } });
+Object.defineProperty(exports, "resolveReturnUrl", { enumerable: true, get: function () { return accountHandoff_1.resolveReturnUrl; } });
+Object.defineProperty(exports, "createAccountHandoff", { enumerable: true, get: function () { return accountHandoff_1.createAccountHandoff; } });
 const ProductCard_1 = __importDefault(require("./Components/ProductCard/ProductCard"));
 exports.ProductCard = ProductCard_1.default;
 const ProductDetails_1 = __importDefault(require("./Components/ProductDetails/ProductDetails"));
@@ -211,6 +218,19 @@ const OrgSwitcher_1 = __importDefault(require("./Components/OrgSwitcher/OrgSwitc
 exports.OrgSwitcher = OrgSwitcher_1.default;
 const UpgradeButton_1 = __importDefault(require("./Components/UpgradeButton/UpgradeButton"));
 exports.UpgradeButton = UpgradeButton_1.default;
+const PlanPill_1 = __importDefault(require("./Components/PlanPill/PlanPill"));
+exports.PlanPill = PlanPill_1.default;
+const PlanBadge_1 = __importDefault(require("./Components/PlanBadge/PlanBadge"));
+exports.PlanBadge = PlanBadge_1.default;
+const LimitReachedModal_1 = __importDefault(require("./Components/LimitReachedModal/LimitReachedModal"));
+exports.LimitReachedModal = LimitReachedModal_1.default;
+const planExpiry_1 = require("./Utils/planExpiry");
+Object.defineProperty(exports, "formatPlanElapsed", { enumerable: true, get: function () { return planExpiry_1.formatPlanElapsed; } });
+Object.defineProperty(exports, "formatPlanExpiry", { enumerable: true, get: function () { return planExpiry_1.formatPlanExpiry; } });
+Object.defineProperty(exports, "formatPlanRemaining", { enumerable: true, get: function () { return planExpiry_1.formatPlanRemaining; } });
+Object.defineProperty(exports, "splitMonthsAndDays", { enumerable: true, get: function () { return planExpiry_1.splitMonthsAndDays; } });
+const planBadge_1 = require("./Utils/planBadge");
+Object.defineProperty(exports, "resolvePlanBadge", { enumerable: true, get: function () { return planBadge_1.resolvePlanBadge; } });
 const UserDetails_1 = __importDefault(require("./Components/UserDetails/UserDetails"));
 exports.UserDetails = UserDetails_1.default;
 const RolesPermission_1 = __importDefault(require("./Components/RolesPermission/RolesPermission"));
@@ -243,6 +263,19 @@ Object.defineProperty(exports, "palettes", { enumerable: true, get: function ()
 Object.defineProperty(exports, "themeNames", { enumerable: true, get: function () { return brands_1.themeNames; } });
 var buildDarkPalette_1 = require("./Theme/tokens/builders/buildDarkPalette");
 Object.defineProperty(exports, "buildDarkPalette", { enumerable: true, get: function () { return buildDarkPalette_1.buildDarkPalette; } });
+// Contrast-resolved recipes for the two surfaces apps kept hand-rolling (and failing AA on):
+// status chips and generated avatars. Consumers pass a scale/seed and get tokens that already
+// clear the bar, instead of pinning hexes that go stale when a palette moves.
+var outlineRung_1 = require("./Theme/tokens/builders/outlineRung");
+Object.defineProperty(exports, "AA_NON_TEXT", { enumerable: true, get: function () { return outlineRung_1.AA_NON_TEXT; } });
+Object.defineProperty(exports, "liftToContrast", { enumerable: true, get: function () { return outlineRung_1.liftToContrast; } });
+Object.defineProperty(exports, "withOutlineRung", { enumerable: true, get: function () { return outlineRung_1.withOutlineRung; } });
+var statusTone_1 = require("./Theme/tokens/builders/statusTone");
+Object.defineProperty(exports, "AVATAR_SEEDS", { enumerable: true, get: function () { return statusTone_1.AVATAR_SEEDS; } });
+Object.defineProperty(exports, "avatarFillFor", { enumerable: true, get: function () { return statusTone_1.avatarFillFor; } });
+Object.defineProperty(exports, "meetsBodyText", { enumerable: true, get: function () { return statusTone_1.meetsBodyText; } });
+Object.defineProperty(exports, "resolveAvatarFill", { enumerable: true, get: function () { return statusTone_1.resolveAvatarFill; } });
+Object.defineProperty(exports, "resolveStatusTone", { enumerable: true, get: function () { return statusTone_1.resolveStatusTone; } });
 // WCAG contrast + accent-picking helpers this library uses internally to keep text readable
 // against any canvas/fill a palette produces. Pure and dependency-free — consumers building
 // custom components against `ColorScale`/`PaletteProps` tokens can reuse the same logic instead

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.4.1-beta.1",
+  "version": "2.4.1-beta.10",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "dependencies": {
     "@fontsource-variable/inter": "^5.2.8",
     "@hello-pangea/dnd": "^18.0.1",
@@ -133,4 +137,4 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   }
-}
+}

package/.claude/settings.local.json

@@ -1,51 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(git ls-tree *)",
-      "Bash(npx --no-install tsc --noEmit)",
-      "Bash(git fsck *)",
-      "Bash(npx tsc *)",
-      "Bash(curl -s http://localhost:5174/ -o /dev/null -w \"HTTP %{http_code}\\\\n\")",
-      "Bash(curl -s \"http://localhost:5174/src/Components/Table/Components/TableBody.tsx\" -o /dev/null -w \"transform TableBody: HTTP %{http_code}\\\\n\")",
-      "Read(//private/tmp/**)",
-      "Bash(npx jest *)",
-      "Bash(pkill -f \"vite\")",
-      "Bash(grep -rln -E \"import\\\\s+\\\\w+\\\\s*\\(,\\\\s*\\\\{[^}]*\\\\}\\)?\\\\s*from\\\\s+['\\\\\"]pixelize-design-library['\\\\\"]\" src)",
-      "Bash(ps -p 44521 60411 -o pid,command)",
-      "Bash(node -e \"const p=require\\('./package.json'\\); console.log\\(JSON.stringify\\(p.scripts,null,2\\)\\)\")",
-      "Bash(echo \"=== total errors: $\\(npx tsc --noEmit -p tsconfig.json 2>&1)",
-      "Bash(echo \"=== total: $\\(npx tsc --noEmit -p tsconfig.json 2>&1)",
-      "Bash(echo \"exit=$?\")",
-      "Read(//tmp/**)",
-      "Bash(git mv *)",
-      "Bash(git rm *)",
-      "Bash(node -e \"console.log\\(require\\('@emotion/react/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('jodit-react', require\\('jodit-react/package.json'\\).version\\); try{console.log\\('jodit', require\\('jodit/package.json'\\).version\\)}catch\\(e\\){}\")",
-      "Bash(node -e \"console.log\\('playwright', require\\('playwright/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('puppeteer', require\\('puppeteer/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('ws', require\\('ws/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('node', process.version\\)\")",
-      "Bash(grep -E \"\\\\.tsx?$\")",
-      "Bash(node -e \"console.log\\(require.resolve\\('@chakra-ui/styled-system'\\)\\)\")",
-      "Bash(node -e \"const p=require.resolve\\('@chakra-ui/react'\\);console.log\\(p\\)\")",
-      "Bash(sed -n '31,45p' src/Pages/table.tsx)",
-      "Bash(perl -0pi -e 's/\\\\n\\\\s*content: \\\\\\(\\\\\\) => <>Hello<\\\\/>,?//' src/Pages/table.tsx)",
-      "Bash(cd /Users/mahesh/Applications/Pixelize/CRM/Micro-Components *)",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-design-library/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\(JSON.stringify\\(require\\('./node_modules/pixelize-authenticator/package.json'\\).dependencies\\)\\)\")",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-authenticator/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-authenticator/node_modules/pixelize-design-library/package.json'\\).version\\)\")",
-      "Bash(echo \"tsc exit code: $?\")",
-      "Bash(./node_modules/.bin/tsc --noEmit --skipLibCheck)",
-      "Bash(./node_modules/.bin/tsc --noEmit)",
-      "Bash(echo \"tsc exit: $?\")",
-      "Bash(echo \"local tsc exit: $?\")",
-      "Bash(ls -la src/pages/Tasks/TaskComponent/)",
-      "Bash(wc -l src/pages/Tasks/TaskComponent/*.tsx)"
-    ],
-    "additionalDirectories": [
-      "/private/tmp",
-      "/tmp"
-    ]
-  }
-}

package/.cursor/TASK-SETUP.md

@@ -1,43 +0,0 @@
-# Task pipeline — one-time developer setup
-
-Hooks in this repo work automatically after clone.
-
-## Recommended (global skills + status line)
-
-```bash
-git clone git@github.com:pixelize-tech/pixelize-cursor-setup.git
-cd pixelize-cursor-setup && ./install.sh
-```
-
-Installs all cross-repo `/` skills (`crm-task`, `social-task`, …), status line, and `cli-config.json`. Restart Cursor.
-
-Repo: https://github.com/pixelize-tech/pixelize-cursor-setup
-
-## Manual status line only
-
-1. Copy the script to your user Cursor folder:
-
-   ```bash
-   cp .cursor/pixelize-task-statusline.sh ~/.cursor/pixelize-task-statusline.sh
-   chmod +x ~/.cursor/pixelize-task-statusline.sh
-   ```
-
-2. Add to `~/.cursor/cli-config.json` (merge if the file already exists):
-
-   ```json
-   {
-     "statusLine": {
-       "type": "command",
-       "command": "~/.cursor/pixelize-task-statusline.sh",
-       "padding": 0
-     }
-   }
-   ```
-
-3. Restart Cursor or open a new Agent chat.
-
-## Task skill (feature work)
-
-- Pick **`task`** from the **`/`** menu, then describe your goal.
-- Do **not** type `/task` in the message body — a hook will block it (zero tokens wasted).
-- See repo `CLAUDE.md` for the cross-repo skill name if applicable.

package/.cursor/agents/be-impl.md

@@ -1,37 +0,0 @@
----
-name: be-impl
-description: >-
-  Handles build, exports, and publish pipeline changes. Use in @task phase 2
-  when plan includes index.ts, tsc build, or npm publish steps.
----
-
-You are the lib-impl (build/export) agent for **Pixelize Design Library** (Micro-Components).
-
-Note: This repo has no backend API. This agent covers build pipeline, not crm-service.
-
-## When invoked
-
-1. Read CLAUDE.md and .cursor/rules
-2. Read the plan from .cursor/plans/current.md
-3. Read `.cursor/modules/types-exports/MODULE.md`
-
-## Workflow
-
-1. Work only inside Micro-Components
-2. Update `src/index.ts` exports
-3. Verify `tsconfig.json` and build output in `dist/`
-4. Run `npm run build` to validate
-5. Update MODULE.md if export surface changes
-6. Do not run `npm publish` unless user explicitly requests
-
-## Output
-
-- Done / Blocked lists
-- Files changed
-- Build result (pass/fail)
-
-## Rules
-
-- Never edit `dist/` directly — change `src/` and rebuild
-- Never commit without user confirmation
-- Never break existing exports without noting semver impact

package/.cursor/agents/fe-impl.md

@@ -1,39 +0,0 @@
----
-name: fe-impl
-description: >-
-  Implements component changes from an approved plan. Use in @task phase 2
-  for UI components, theme, and playground pages.
----
-
-You are the fe-impl (component implementation) agent for **Pixelize Design Library** (Micro-Components).
-
-## When invoked
-
-1. Read CLAUDE.md and .cursor/rules
-2. Read the plan from .cursor/plans/current.md — do not replan
-3. Read `.cursor/modules/<domain>/MODULE.md` for every domain you will touch
-4. Read one existing similar component before starting
-
-## Workflow
-
-1. Work only inside Micro-Components
-2. Implement in `src/Components/<Name>/`
-3. Add/update demo in `src/Pages/` if needed for playground
-4. Export from `src/index.ts` for public API
-5. Use Chakra + theme tokens from `src/Theme/` — match existing patterns
-6. Always handle null/undefined, loading, and error states
-7. Update `.cursor/modules/<domain>/MODULE.md` after implementation
-8. Keep changes minimal — no scope creep
-
-## Output
-
-- Done: bullet list of completed tasks
-- Files changed: every file path with one-line description
-- Blocked: anything not completed with exact reason
-- Notes for test-create: what needs Jest coverage
-
-## Rules
-
-- Never add app-specific CRM/API logic to library components
-- Never commit
-- No placeholder files or fake demo data

package/.cursor/agents/task-plan.md

@@ -1,56 +0,0 @@
----
-name: task-plan
-description: >-
-  Creates implementation plans from user goals. Use in @task phase 1, or when
-  a structured plan is needed before coding.
----
-
-You are the task-plan agent for **Pixelize Design Library** (Micro-Components). Produce a concrete actionable plan — do not write code.
-
-## When invoked
-
-1. Read CLAUDE.md and .cursor/rules
-2. Read .cursor/plans/current.md if it exists — user may be resuming
-3. Read `.cursor/modules/<domain>/MODULE.md` for every component domain touched
-4. Ask a question only if the goal is genuinely ambiguous
-5. Output a plan implementation agents can execute without replanning
-
-## Plan format
-
-# [Component / task title]
-
-## Goal
-
-One paragraph
-
-## Type
-
-feat / fix / refactor / chore
-
-## Scope
-
-- In scope: ...
-- Out of scope: ...
-- Agents needed: fe-impl / lib-impl (build-export) / both
-
-## Tasks
-
-### Component (fe-impl)
-
-- [ ] Task with file paths under `src/Components/` and acceptance criteria
-
-### Build / export (lib-impl)
-
-- [ ] index.ts export, build, version bump if publishing
-
-### Tests
-
-- [ ] Jest test files and coverage targets
-
-## Risks / assumptions
-
-## Rules
-
-- Never write production code
-- Save approved plan to .cursor/plans/current.md
-- End with: Ready for implementation — list which agents run next

package/.cursor/agents/test-create.md

@@ -1,31 +0,0 @@
----
-name: test-create
-description: >-
-  Writes Jest tests for completed component work. Use in @task phase 3a
-  after fe-impl, before test-exec.
----
-
-You are the test-create agent for **Pixelize Design Library** (Micro-Components).
-
-## When invoked
-
-1. Read the plan from .cursor/plans/current.md
-2. Read fe-impl output summary
-3. Read existing `*.test.tsx` files to match conventions
-
-## Coverage required
-
-- Happy path render
-- Minimum 2 edge cases (empty, disabled, error props)
-- 1 regression test per bugfix
-
-## Output
-
-- Tests added/updated: file paths and what each covers
-- Run command: `npm test` from Micro-Components root
-
-## Rules
-
-- Never change production code
-- Never commit
-- Follow existing Jest + Testing Library patterns

package/.cursor/agents/test-exec.md

@@ -1,26 +0,0 @@
----
-name: test-exec
-description: >-
-  Runs Jest tests after test-create. Use in @task phase 3b.
----
-
-You are the test-exec agent for **Pixelize Design Library** (Micro-Components).
-
-## When invoked
-
-1. Read test-create output
-2. Run `npm test` from Micro-Components root
-3. Report pass/fail with relevant failure output
-
-## Output
-
-- Test run result: pass / fail
-- Failed test names and error snippets if any
-- Recommendation: proceed to review or fix
-
-## Rules
-
-- Never commit
-- Never modify production code unless fixing test failures is in scope
-- Never disable, skip, or comment out tests to make them pass
-- Never change test assertions to match wrong behavior — fix the implementation

package/.cursor/hooks/task-hint.env

@@ -1 +0,0 @@
-REPO_HINT="/ → task (this repo) or / → design-task"

package/.cursor/hooks/task-skill-nudge.sh

@@ -1,71 +0,0 @@
-#!/usr/bin/env bash
-# Block first message without / task skill; flag session for status-line warning. Zero tokens.
-set -euo pipefail
-
-STATE_FILE="${HOME}/.cursor/pixelize-skill-session-state.json"
-SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
-# shellcheck disable=SC1091
-source "$SCRIPT_DIR/task-hint.env"
-
-INPUT=$(cat)
-PROMPT=$(echo "$INPUT" | jq -r '.prompt // empty')
-CONV_ID=$(echo "$INPUT" | jq -r '.conversation_id // empty')
-
-if [[ -z "$CONV_ID" ]]; then
-  echo '{"continue":true}'
-  exit 0
-fi
-
-has_skill() {
-  echo "$PROMPT" | grep -qiE '^\s*/(task|crm-task|social-task|tickets-task|crm-mobile-task|design-task|hrms-task)\b'
-}
-
-ensure_state_file() {
-  mkdir -p "$(dirname "$STATE_FILE")"
-  [[ -f "$STATE_FILE" ]] || echo '{}' >"$STATE_FILE"
-}
-
-update_state() {
-  local first_nudge="$1"
-  local chatting="$2"
-  ensure_state_file
-  local tmp
-  tmp=$(mktemp)
-  jq --arg id "$CONV_ID" \
-    --argjson first "$first_nudge" \
-    --argjson chatting "$chatting" \
-    '.[$id] = {first_nudge_done: $first, chatting_without_skill: $chatting}' \
-    "$STATE_FILE" >"$tmp" && mv "$tmp" "$STATE_FILE"
-}
-
-if has_skill; then
-  if [[ -f "$STATE_FILE" ]] && jq -e --arg id "$CONV_ID" '.[$id]' "$STATE_FILE" >/dev/null 2>&1; then
-    update_state true false
-  fi
-  echo '{"continue":true}'
-  exit 0
-fi
-
-ensure_state_file
-FIRST_DONE=$(jq -r --arg id "$CONV_ID" '.[$id].first_nudge_done // false' "$STATE_FILE")
-
-if [[ "$FIRST_DONE" != "true" ]]; then
-  update_state true false
-  MSG="━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  NO TASK SKILL LOADED
-━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-You are chatting WITHOUT a pipeline skill.
-
-For feature / bugfix work, use the / menu first:
-  ${REPO_HINT}
-
-Then type your goal in the SAME input (do not type the skill name).
-
-Send this message AGAIN to continue without a skill."
-  jq -n --arg msg "$MSG" '{continue: false, user_message: $msg}'
-  exit 0
-fi
-
-update_state true true
-echo '{"continue":true}'

package/.cursor/hooks/task-slash-guard.sh

@@ -1,31 +0,0 @@
-#!/usr/bin/env bash
-# Blocks plain-text task skill names (not / menu picks). Zero API tokens.
-set -euo pipefail
-
-SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
-# shellcheck disable=SC1091
-source "$SCRIPT_DIR/task-hint.env"
-
-INPUT=$(cat)
-PROMPT=$(echo "$INPUT" | jq -r '.prompt // empty')
-
-# Menu picker embeds "/tickets-task ..." in prompt; attachments stay empty.
-# Only block plain-text mistakes: skill name at start without a leading slash.
-if echo "$PROMPT" | grep -qiE '^\s*@?(task|crm-task|social-task|tickets-task|crm-mobile-task|design-task|hrms-task)\b'; then
-  MSG="⚠️  TASK PIPELINE NOT ACTIVE
-
-You typed a task command as plain text. The skill was NOT loaded.
-
-To run the pipeline:
-  1. Click the chat input
-  2. Type / and pick the skill from the menu
-  3. Send your goal
-
-For this repo use: ${REPO_HINT}
-
-Do not type task skill names in the message body — use the / menu picker."
-  jq -n --arg msg "$MSG" '{continue: false, user_message: $msg}'
-  exit 0
-fi
-
-echo '{"continue":true}'

package/.cursor/hooks.json

@@ -1,13 +0,0 @@
-{
-  "version": 1,
-  "hooks": {
-    "beforeSubmitPrompt": [
-      {
-        "command": ".cursor/hooks/task-slash-guard.sh"
-      },
-      {
-        "command": ".cursor/hooks/task-skill-nudge.sh"
-      }
-    ]
-  }
-}

package/.cursor/modules/account-management/MODULE.md

@@ -1,34 +0,0 @@
-# Account Management
-
-## Purpose
-
-Account/admin-facing components: UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, OrgSwitcher, UpgradeButton.
-
-## Key paths
-
-- `src/Components/UserDetails/`, `RolesPermission/`, `CustomModulesTable/`, `SignInActivityTable/`, `OrganizationDetails/`, `OrgSwitcher/`, `UpgradeButton/`
-- Tests: `UserDetails.test.tsx`, `RolesPermission.test.tsx`, `CustomModulesTable.test.tsx`, `SignInActivityTable.test.tsx`, `OrganizationDetails.test.tsx`
-
-## Key rules
-
-- UserDetails, RolesPermission, CustomModulesTable, OrganizationDetails bundle their own action modals (Add/Edit/Delete/ChangeRole) in the same folder
-- Each exports typed Props/Labels from `<Name>Props.tsx` via `src/index.ts` — keep props API-generic, no CRM/API logic in the library
-- Labels are injectable for i18n; consumers pass data and handlers (props in, events out)
-
-## Dark mode
-
-- Every component here reads colors via `useCustomTheme()`, so all follow the active light/dark palette
-- Tables/detail views alias tokens once at the top — `border`/`surface`/`muted`/`heading`/`headBg` from `boxborder[200]`/`background[50]`/`gray[500]`/`gray[800]`/`gray[50]`; reuse those names when adding UI
-- `surface` reads `background[50]`, never `colors.white` — white is a foreground token and stays white in dark
-- Remaining hex literals are `??` fallbacks, not live values: a hand-built palette may omit rungs (tests `jest.mock` a partial one), so keep the fallback when adding a token read
-- Fixed by design, not palette-following: `avatarColor()`'s `AVATAR_COLORS` (OrgSwitcher — deterministic identity fill seeded by org name, white label on top) and `UpgradeButton`'s `iconColor` default (icon on a gradient fill). Colored fills/foregrounds, not canvas surfaces
-- **OrgSwitcher popover bg bug (same class as the ButtonGroupIcon menu bug in `buttons`):** `PopoverContent` had no `bg=`, so it fell through to Chakra's baseStyle `var(--popper-bg)` — hardcoded to `colors.white`, gated behind Chakra's own `_dark` which this app's palette-swap dark mode never triggers — rendering a white popover in dark mode regardless of theme. Fixed with an explicit `bg={theme.colors.backgroundColor.light}`
-- OrgSwitcher trigger border: `borderColor` switched from `gray[200]` to `boxborder?.[800] ?? gray[200]` — it styles a real `<button>`, so its border is a control boundary needing WCAG 1.4.11 (>=3.0 non-text contrast) against any surface up to `muted`, which `gray[200]` failed in dark. Org name/role text switched from `gray[800]`/`gray[500]` to `text[900]`/`text[500]` — mode-adaptive text tokens, the correct choice over mode-invariant gray literals for body text
-- UserDetails avatar initials color: replaced the fixed `primary[600]` rung with `accentTextOnCanvas(colors.primary, avatarBg)` (guarded `colors?.primary ? accentTextOnCanvas(...) : "#4F46E5"` fallback) — picks contrast dynamically against the avatar bg instead of assuming one fixed rung clears AA 4.5 for every brand's dark palette
-- **Modal surface bug (QA-caught, blocking) — 6 action modals:** `AddUserModal`,
-  `DeactivateConfirmModal`, `ChangeRoleModal` (UserDetails), `DeleteRoleModal` (RolesPermission),
-  `CreateOrgModal`, `DeleteOrgModal` (OrganizationDetails) all rendered a raw Chakra `ModalContent`
-  with no explicit `bg=`, hitting the same Chakra-hardcoded-`colors.white`-behind-`_dark` bug as
-  `Modal`/`AlertDialog` (overlays module) and `Drawer` (layout-navigation module). Fixed with
-  `bg={colors?.background?.[50]}` (`colors` was already destructured from `useCustomTheme()` in
-  every one of these files, so no new hook import was needed).

package/.cursor/modules/buttons/MODULE.md

@@ -1,47 +0,0 @@
-# Buttons
-
-## Purpose
-
-Button, ButtonGroupIcon, Buttons variants.
-
-## Key paths
-
-- `src/Components/Button/`, `ButtonGroupIcon/`, `Buttons/`
-
-## Key rules
-
-- Match Chakra button theming via design tokens
-- `Button.styles.ts` variants are `({ theme })` functions reading `theme.colors` — no hex
-  literals, so they follow whichever palette the theme carries (light or dark)
-- Filled labels (`solid` bg, and `outline`/`ghost` hover/active fills) no longer hardcode
-  `theme.colors.white` — they pick ink via `onFilled(fill, white, black)`
-  (`Theme/tokens/builders/accentText.ts`), which provably clears AA 4.5 by preferring white and
-  falling back to black only when the fill itself can't carry white. Never use white for a button
-  *surface* either way
-
-## Dark mode
-
-- `outline` / `ghost` / `link` text sits on the canvas, so it goes through
-  `accentTextOnCanvas(scale, colors.backgroundColor.main)` instead of `[500]` directly.
-  `[500]` is pinned dark enough to carry a white label on `solid`, leaving it ~4.2 as text on
-  the dark canvas; the helper steps to a lighter rung there to clear AA 4.5. Light canvases
-  return `[500]` unchanged, so existing apps are pixel-identical.
-- **Ghost hover gotcha:** brand scales are *lifted* for dark, not reversed, so `primary[50]`
-  stays near-white — a white chip on a near-black canvas. On dark canvases the hover/active
-  tint uses the translucent `scale.opacity[16]` / `[24]` so it composites over the canvas.
-  Only brand scales carry `opacity`; utility scales (red, green…) fall back to `[50]`, which
-  is already dark because those scales *are* reversed for dark.
-- **Solid/outline label-ink fix:** `Button.styles.ts` derives each state's label from *that
-  state's* fill (`labelFor`, per hover/active/loading) instead of assuming white always works —
-  some brands' dark `primary[500]` fails AA against white (radiant/emerald/rosewood measure
-  4.37/3.38/3.46) and now fall back to black. `Button.styles.test.ts` verifies this with real
-  `contrastRatio` checks per brand rather than asserting a fixed white label.
-- **ButtonGroupIcon menu bug (new, generalizable):** Chakra's `MenuItem` baseStyle renders
-  `background: var(--menu-bg)` at rest, and `MenuList`'s baseStyle hardcodes that var to `#fff`
-  behind `_dark` — which this app's theme-swap dark mode (palette swapped, Chakra `colorMode`
-  stays `"light"`) never triggers. Setting `bg=` on `MenuList` alone recolors the list but not the
-  inherited var, so items rendered white at rest until hover/focus masked it. Fixed here via
-  `sx={{ "--menu-bg": theme.colors.backgroundColor.light }}` alongside `bg=`.
-  - **Known gap:** any other Chakra `Menu`/`Popover` usage is at risk of the same bug. A known
-    remaining instance — `Trail`/`EditableCell.tsx` (data-display module) — is **not fixed** in
-    this pass.