@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/scripts/ds-check.mjs

@@ -261,15 +261,14 @@ function expectFile(candidates, rule, detail) {
   return path;
 }
 
-function ensureFileContains(path, snippet, rule, detail) {
-  if (!path) {
-    return;
-  }
-
-  const content = readFileSync(path, "utf8");
-  if (!content.includes(snippet)) {
-    addIssue(relativePath(path), rule, detail);
-  }
+function hasImportFrom(content, moduleSpecifier) {
+  const code = maskNonCode(content, { preserveStrings: true });
+  const escaped = escapeRegExp(moduleSpecifier);
+  const boundary = moduleSpecifier.endsWith("/") ? "" : `["']`;
+  return (
+    new RegExp(String.raw`^\s*import\b.*["']${escaped}${boundary}`, "m").test(code) ||
+    new RegExp(String.raw`\bimport\s*\(\s*["']${escaped}${boundary}`, "m").test(code)
+  );
 }
 
 function stripJsonComments(text) {
@@ -442,6 +441,14 @@ function checkSourceRepo(packageJson) {
       'package.json must include src/messages in the ds:lint-shipped command.',
     );
   }
+
+  if (existsSync(join(root, "src", "seed-palette.css"))) {
+    addIssue(
+      "src/seed-palette.css",
+      "source-repo-no-seed-palette",
+      "seed-palette.css must not exist in the DS repo. It is a consumer-only file. Sidebar tokens derive from semantic tokens via var() aliases in index.css.",
+    );
+  }
 }
 
 function checkSourceI18nContract() {
@@ -781,12 +788,21 @@ function checkProvidersContract() {
     "App Router providers.tsx must exist.",
   );
 
-  ensureFileContains(
-    providersPath,
-    "@vadimcomanescu/nadicode-design-system/theme-provider",
-    "seed-providers-contract",
-    "providers.tsx must import ThemeProvider from @vadimcomanescu/nadicode-design-system/theme-provider.",
-  );
+  if (!providersPath) {
+    return;
+  }
+
+  const providersContent = readFileSync(providersPath, "utf8");
+  const themeProviderBinding =
+    getNamedImportBinding(providersContent, "@vadimcomanescu/nadicode-design-system/theme-provider", "ThemeProvider") ??
+    getDefaultImportBinding(providersContent, "@vadimcomanescu/nadicode-design-system/theme-provider");
+  if (!themeProviderBinding) {
+    addIssue(
+      relativePath(providersPath),
+      "seed-providers-contract",
+      "providers.tsx must import ThemeProvider from @vadimcomanescu/nadicode-design-system/theme-provider.",
+    );
+  }
 }
 
 function checkI18nContract() {
@@ -796,60 +812,67 @@ function checkI18nContract() {
     "The app must own src/i18n/request.ts and merge package-backed Seed catalogs there.",
   );
 
-  ensureFileContains(
-    requestPath,
-    "@vadimcomanescu/nadicode-design-system/messages/",
-    "seed-i18n-request-contract",
-    "src/i18n/request.ts must import Seed catalogs from @vadimcomanescu/nadicode-design-system/messages/<locale>.",
-  );
-  ensureFileContains(
-    requestPath,
-    "mergeSeedMessages",
-    "seed-i18n-request-contract",
-    "src/i18n/request.ts must merge package-backed Seed catalogs with app messages via mergeSeedMessages().",
-  );
+  if (!requestPath) {
+    return;
+  }
 
-  if (requestPath) {
-    const requestContent = readFileSync(requestPath, "utf8");
-    const requestCodeWithoutImports = getCodeWithoutImports(requestContent);
-    if (requestContent.includes("seed-messages/")) {
-      addIssue(
-        relativePath(requestPath),
-        "seed-i18n-request-contract",
-        "src/i18n/request.ts must not import DS catalogs from repo-local seed-messages/*.json.",
-      );
-    }
+  const requestContent = readFileSync(requestPath, "utf8");
+  const maskedRequest = maskNonCode(requestContent, { preserveStrings: true });
+  const requestCodeWithoutImports = getCodeWithoutImports(requestContent);
 
-    if (!hasGetRequestConfigExport(requestContent)) {
-      addIssue(
-        relativePath(requestPath),
-        "seed-i18n-request-contract",
-        "src/i18n/request.ts must default-export a next-intl getRequestConfig(...) result.",
-      );
-    }
+  if (!hasImportFrom(requestContent, "@vadimcomanescu/nadicode-design-system/messages/")) {
+    addIssue(
+      relativePath(requestPath),
+      "seed-i18n-request-contract",
+      "src/i18n/request.ts must import Seed catalogs from @vadimcomanescu/nadicode-design-system/messages/<locale>.",
+    );
+  }
+
+  if (!maskNonCode(requestContent).includes("mergeSeedMessages")) {
+    addIssue(
+      relativePath(requestPath),
+      "seed-i18n-request-contract",
+      "src/i18n/request.ts must merge package-backed Seed catalogs with app messages via mergeSeedMessages().",
+    );
+  }
+
+  if (maskedRequest.includes("seed-messages/")) {
+    addIssue(
+      relativePath(requestPath),
+      "seed-i18n-request-contract",
+      "src/i18n/request.ts must not import DS catalogs from repo-local seed-messages/*.json.",
+    );
+  }
+
+  if (!hasGetRequestConfigExport(requestContent)) {
+    addIssue(
+      relativePath(requestPath),
+      "seed-i18n-request-contract",
+      "src/i18n/request.ts must default-export a next-intl getRequestConfig(...) result.",
+    );
+  }
 
-    const appMessageBindings = [...requestContent.matchAll(
-      /import\s+([A-Za-z_$][\w$]*)\s+from\s+["'][^"']*messages\/[^"']+\.json["']/g,
-    )].map((match) => match[1]);
+  const appMessageBindings = [...maskedRequest.matchAll(
+    /import\s+([A-Za-z_$][\w$]*)\s+from\s+["'][^"']*messages\/[^"']+\.json["']/g,
+  )].map((match) => match[1]);
+
+  if (appMessageBindings.length === 0) {
+    addIssue(
+      relativePath(requestPath),
+      "seed-i18n-request-contract",
+      "src/i18n/request.ts must import app-owned locale catalogs from messages/<locale>.json.",
+    );
+  } else {
+    const unreferencedAppMessages = appMessageBindings.filter((binding) => {
+      return !new RegExp(`\\b${escapeRegExp(binding)}\\b`).test(requestCodeWithoutImports);
+    });
 
-    if (appMessageBindings.length === 0) {
+    if (unreferencedAppMessages.length > 0) {
       addIssue(
         relativePath(requestPath),
         "seed-i18n-request-contract",
-        "src/i18n/request.ts must import app-owned locale catalogs from messages/<locale>.json.",
+        `src/i18n/request.ts must wire every imported app-owned locale catalog into the Seed message merge path. Unused imports: ${unreferencedAppMessages.join(", ")}.`,
       );
-    } else {
-      const unreferencedAppMessages = appMessageBindings.filter((binding) => {
-        return !new RegExp(`\\b${escapeRegExp(binding)}\\b`).test(requestCodeWithoutImports);
-      });
-
-      if (unreferencedAppMessages.length > 0) {
-        addIssue(
-          relativePath(requestPath),
-          "seed-i18n-request-contract",
-          `src/i18n/request.ts must wire every imported app-owned locale catalog into the Seed message merge path. Unused imports: ${unreferencedAppMessages.join(", ")}.`,
-        );
-      }
     }
   }
 
@@ -879,12 +902,16 @@ function checkDelegatorScripts() {
     "seed-ds-check-missing",
     "scripts/ds-check.mjs must exist.",
   );
-  ensureFileContains(
-    dsCheckPath,
-    "@vadimcomanescu/nadicode-design-system/ds-check",
-    "seed-ds-check-contract",
-    "scripts/ds-check.mjs must delegate to @vadimcomanescu/nadicode-design-system/ds-check.",
-  );
+  if (dsCheckPath) {
+    const dsCheckContent = readFileSync(dsCheckPath, "utf8");
+    if (!hasImportFrom(dsCheckContent, "@vadimcomanescu/nadicode-design-system/ds-check")) {
+      addIssue(
+        relativePath(dsCheckPath),
+        "seed-ds-check-contract",
+        "scripts/ds-check.mjs must delegate to @vadimcomanescu/nadicode-design-system/ds-check.",
+      );
+    }
+  }
 
   const dsUpdatePath = expectFile(
     [join(root, "scripts", "ds-update.mjs")],
@@ -892,12 +919,14 @@ function checkDelegatorScripts() {
     "scripts/ds-update.mjs must exist.",
   );
   if (dsUpdatePath) {
-    ensureFileContains(
-      dsUpdatePath,
-      "@vadimcomanescu/nadicode-design-system/ds-update",
-      "seed-ds-update-contract",
-      "scripts/ds-update.mjs must delegate to @vadimcomanescu/nadicode-design-system/ds-update so the package owns the install-and-skill-sync flow.",
-    );
+    const dsUpdateContent = readFileSync(dsUpdatePath, "utf8");
+    if (!hasImportFrom(dsUpdateContent, "@vadimcomanescu/nadicode-design-system/ds-update")) {
+      addIssue(
+        relativePath(dsUpdatePath),
+        "seed-ds-update-contract",
+        "scripts/ds-update.mjs must delegate to @vadimcomanescu/nadicode-design-system/ds-update so the package owns the install-and-skill-sync flow.",
+      );
+    }
   }
 }
 

package/src/lib/tokens.config.js

@@ -274,50 +274,50 @@ export const bloomScales = {
 // Semantic color tokens mapped from scales
 export const colorTokens = {
   dark: {
-    background: '#101114',       // gray.1
+    background: '#000000',       // true black
     surface: {
-      DEFAULT: '#16191D',        // gray.2
-      hover: '#202328',          // gray.3
-      active: '#292D33',         // gray.4
-      raised: '#33373E',         // gray.5
+      DEFAULT: '#080C0A',        // jade-tinted near-black
+      hover: '#101A15',          // jade.2 brightened for tonal depth delta>=3
+      active: '#16201C',         // jade.3
+      raised: '#1E2A24',         // jade.4
     },
     border: {
-      DEFAULT: '#45494F',        // gray.6
-      hover: '#5B5E61',          // gray.7
-      subtle: 'rgba(200, 220, 240, 0.06)',  // grayAlpha.3
-      'subtle-hover': 'rgba(200, 220, 240, 0.12)', // grayAlpha.5
+      DEFAULT: '#263A30',        // jade-tinted border
+      hover: '#344E40',          // jade-tinted border hover
+      subtle: 'rgba(10, 158, 111, 0.08)',
+      'subtle-hover': 'rgba(10, 158, 111, 0.15)',
     },
     primary: {
-      DEFAULT: '#F4F4F6',        // gray.12
-      foreground: '#101114',     // gray.1
+      DEFAULT: '#E2E8F0',        // cool white
+      foreground: '#000000',
     },
     secondary: {
-      DEFAULT: '#292D33',        // gray.4
-      foreground: '#F4F4F6',     // gray.12
+      DEFAULT: '#16201C',        // jade.3
+      foreground: '#E2E8F0',
     },
     accent: {
-      DEFAULT: '#E8A020',        // gold.9
-      foreground: '#101114',     // gray.1
+      DEFAULT: '#0A9E6F',        // jade green
+      foreground: '#000000',
     },
     destructive: {
-      DEFAULT: '#E8444A',        // warmer crimson
+      DEFAULT: '#DC2626',        // red
       foreground: '#FFFFFF',
     },
     success: {
-      DEFAULT: '#34D474',        // emerald
-      foreground: '#0D1512',     // green.1
+      DEFAULT: '#16A34A',        // green
+      foreground: '#FFFFFF',
     },
     warning: {
-      DEFAULT: '#F28C38',        // true orange
-      foreground: '#16120B',     // dark text
+      DEFAULT: '#D97706',        // amber
+      foreground: '#000000',
     },
     info: {
-      DEFAULT: '#4A9EF8',        // periwinkle-blue
-      foreground: '#0F1520',     // blue.1
+      DEFAULT: '#2563EB',        // blue
+      foreground: '#FFFFFF',
     },
     muted: {
-      DEFAULT: '#292D33',        // gray.4
-      foreground: '#E0E1E5',     // gray.11
+      DEFAULT: '#16201C',        // jade.3
+      foreground: '#B4C0C8',     // muted text
     },
     slider: {
       fill: 'rgba(255, 255, 255, 0.10)',
@@ -325,15 +325,15 @@ export const colorTokens = {
     },
     overlay: '#000000',
     text: {
-      primary: '#F4F4F6',        // gray.12
-      secondary: '#E0E1E5',      // gray.11
-      tertiary: '#C4C6CC',       // gray.10
-    },
-    focusRing: '#E8A020',        // gold.9
-    link: '#F5C96A',             // gold.11
-    input: '#292D33',            // gray.4
-    disabled: '#5B5E61',         // gray.7
-    disabledForeground: '#C4C6CC', // gray.10
+      primary: '#E2E8F0',
+      secondary: '#A0AEBA',
+      tertiary: '#A8B8C8',
+    },
+    focusRing: '#0A9E6F',        // jade
+    link: '#34D399',             // bright jade
+    input: '#16201C',            // jade.3
+    disabled: '#344E40',         // jade border hover
+    disabledForeground: '#A8B8C8', // tertiary text
   },
   light: {
     background: '#F7F7F8',       // gray.1
@@ -358,23 +358,23 @@ export const colorTokens = {
       foreground: '#181D20',     // gray.12
     },
     accent: {
-      DEFAULT: '#8A5E08',        // dark gold
+      DEFAULT: '#059669',        // jade green (light)
       foreground: '#FFFFFF',
     },
     destructive: {
-      DEFAULT: '#C62832',        // warmer crimson
+      DEFAULT: '#C62832',        // crimson
       foreground: '#FFFFFF',
     },
     success: {
-      DEFAULT: '#1A8F4E',        // emerald
+      DEFAULT: '#16A34A',        // green
       foreground: '#FFFFFF',
     },
     warning: {
-      DEFAULT: '#A84A08',        // true orange
+      DEFAULT: '#CA5808',        // orange
       foreground: '#FFFFFF',
     },
     info: {
-      DEFAULT: '#2970DC',        // periwinkle-blue
+      DEFAULT: '#2563EB',        // blue
       foreground: '#FFFFFF',
     },
     muted: {
@@ -391,8 +391,8 @@ export const colorTokens = {
       secondary: '#262D31',      // gray.11
       tertiary: '#384147',       // gray.10
     },
-    focusRing: '#8A5E08',        // dark gold
-    link: '#7A5210',             // gold.11
+    focusRing: '#059669',        // jade
+    link: '#047854',             // dark jade
     input: '#DEE1E3',            // gray.3
     disabled: '#9AA5AC',         // gray.6
     disabledForeground: '#5F6D77', // gray.8
@@ -467,7 +467,7 @@ export const styleTokens = {
     radius: { sm: '4px', md: '8px', lg: '16px' },
     shadows: {
       'glow': '0 0 20px -5px rgba(255, 255, 255, 0.1)',
-      'glow-accent': '0 0 20px -5px rgba(232, 160, 32, 0.15)',
+      'glow-accent': '0 0 20px -5px rgba(10, 158, 111, 0.15)',
     },
     glass: {
       saturate: 1.15,
@@ -559,3 +559,25 @@ export const tokens = {
     'glow-accent': '0 0 20px -5px rgba(232, 160, 32, 0.15)',
   }
 };
+
+/**
+ * Sidebar token derivations. Maps sidebar CSS vars to semantic token CSS vars.
+ * The generator emits var() references so consumer overrides cascade automatically.
+ */
+export const sidebarTokens = {
+  base: {
+    'sidebar-background':         '--color-background',
+    'sidebar-foreground':         '--color-text-secondary',
+    'sidebar-primary':            '--color-primary',
+    'sidebar-primary-foreground': '--color-primary-foreground',
+    'sidebar-accent':             '--color-secondary',
+    'sidebar-accent-foreground':  '--color-secondary-foreground',
+    'sidebar-border':             '--color-border',
+    'sidebar-ring':               '--color-focus-ring',
+  },
+  overrides: {
+    dark: {
+      'sidebar-foreground': '--color-primary',
+    },
+  },
+};

package/dist/chunk-MLUSJTS2.js

@@ -1,107 +0,0 @@
-import { WrenchIcon } from './chunk-AWIJHDNK.js';
-import { LoaderCircleIcon } from './chunk-BRP6D56U.js';
-import { CheckIcon } from './chunk-CXACRCZ4.js';
-import { XIcon } from './chunk-UIUMTURU.js';
-import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
-import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var toolCallCardVariants = cva(
-  "rounded-lg border p-4 glass-panel transition-colors",
-  {
-    variants: {
-      status: {
-        pending: "border-border",
-        running: "border-accent/40",
-        complete: "border-success/40",
-        error: "border-destructive/40"
-      }
-    },
-    defaultVariants: {
-      status: "pending"
-    }
-  }
-);
-var StatusIcon = ({ status }) => {
-  switch (status) {
-    case "complete":
-      return /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "text-success" });
-    case "error":
-      return /* @__PURE__ */ jsx(XIcon, { size: 16, className: "text-destructive" });
-    case "running":
-      return /* @__PURE__ */ jsx(LoaderCircleIcon, { size: 16, className: "text-accent animate-spin" });
-    default:
-      return /* @__PURE__ */ jsx(WrenchIcon, { size: 16, className: "text-text-tertiary" });
-  }
-};
-function ToolCallCard({
-  className,
-  status,
-  toolName,
-  args,
-  result,
-  duration,
-  defaultExpanded = false,
-  ref,
-  ...props
-}) {
-  const [expanded, setExpanded] = React.useState(defaultExpanded);
-  const resultPanelId = React.useId();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(toolCallCardVariants({ status }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(StatusIcon, { status }),
-          /* @__PURE__ */ jsx("code", { className: "text-sm font-semibold text-text-primary", children: toolName }),
-          duration != null && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs text-text-tertiary", children: [
-            duration,
-            "ms"
-          ] })
-        ] }),
-        args && Object.keys(args).length > 0 && /* @__PURE__ */ jsx("pre", { className: "mt-2 rounded bg-surface p-2 text-xs text-text-secondary overflow-x-auto", children: JSON.stringify(args, null, 2) }),
-        !!result && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setExpanded(!expanded),
-              "aria-expanded": expanded,
-              "aria-controls": resultPanelId,
-              className: "flex items-center gap-1.5 text-xs text-text-tertiary hover:text-text-secondary transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent rounded-sm",
-              children: [
-                /* @__PURE__ */ jsx(
-                  ChevronDownIcon,
-                  {
-                    size: 14,
-                    className: cn("transition-transform", expanded && "rotate-180")
-                  }
-                ),
-                expanded ? "Hide result" : "Show result"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "pre",
-            {
-              id: resultPanelId,
-              className: cn(
-                "mt-1.5 rounded bg-surface p-2 text-xs text-text-secondary overflow-x-auto whitespace-pre-wrap",
-                !expanded && "hidden"
-              ),
-              "aria-hidden": !expanded,
-              children: result
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export { ToolCallCard, toolCallCardVariants };

package/dist/{chunk-5DKCZWC6.js → chunk-CQEUNASC.js}

@@ -1,5 +1,5 @@
-import { CircleIcon } from './chunk-GCUTJI7M.js';
 import { ChevronRightIcon } from './chunk-G24VV5NO.js';
+import { CircleIcon } from './chunk-GCUTJI7M.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';

package/dist/{chunk-4HRVRW2X.js → chunk-J2DCQDXO.js}

@@ -1,10 +1,10 @@
 import { useIsMobile } from './chunk-C4SNHMYC.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-MJ4CB6ZL.js';
 import { StatusDot } from './chunk-B5QL76GA.js';
 import { Sheet, SheetContent } from './chunk-HOWTYZL5.js';
-import { Skeleton } from './chunk-RASEB2XI.js';
 import { Separator } from './chunk-CUZJIDU7.js';
 import { Input } from './chunk-AP3XXYAY.js';
+import { Skeleton } from './chunk-RASEB2XI.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-MJ4CB6ZL.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { PanelLeftIcon } from './chunk-WDGIQDQG.js';
 import { cn } from './chunk-QYZT24TS.js';

package/dist/{chunk-6MFAZU4B.js → chunk-RGE5OQMZ.js}

@@ -1,6 +1,6 @@
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
-import { Field, FieldLabel } from './chunk-RX5EUODB.js';
 import { Heading } from './chunk-WI547C47.js';
+import { Field, FieldLabel } from './chunk-RX5EUODB.js';
 import { Input } from './chunk-AP3XXYAY.js';
 import { GoogleIcon } from './chunk-DJTF3XFB.js';
 import { Card, CardHeader, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';

package/dist/{chunk-PJNHVPHF.js → chunk-TYP2MR3Q.js}

@@ -1,6 +1,6 @@
+import { findItemLocation, moveItem } from './chunk-VTAOHSPW.js';
 import { buildAnnouncements } from './chunk-B3BYBSF2.js';
 import { KanbanContext, KanbanItemContext } from './chunk-FOFGPWFS.js';
-import { findItemLocation, moveItem } from './chunk-VTAOHSPW.js';
 import { m, motionSpring } from './chunk-PD2YEH3H.js';
 import { GripVerticalIcon } from './chunk-WXVNTJIB.js';
 import { cn, mergeRefs } from './chunk-QYZT24TS.js';