@mindlogic-ai/logician-ui 5.0.0-alpha.20 → 5.0.0-alpha.22

package/dist/components/Code/shikiAdapter.d.ts

@@ -1,4 +1,6 @@
 import type { BundledLanguage } from 'shiki';
 export declare const BUNDLED_LANGUAGES: BundledLanguage[];
-export declare const shikiAdapter: import("@chakra-ui/react").CodeBlockAdapter;
+declare const baseAdapter: import("@chakra-ui/react").CodeBlockAdapter;
+export declare const shikiAdapter: typeof baseAdapter;
+export {};
 //# sourceMappingURL=shikiAdapter.d.ts.map

package/dist/components/Code/shikiAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Code/shikiAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAoC,MAAM,OAAO,CAAC;AAE/E,eAAO,MAAM,iBAAiB,EAAE,eAAe,EA8B9C,CAAC;AAEF,eAAO,MAAM,YAAY,6CAWvB,CAAC"}
+{"version":3,"file":"shikiAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Code/shikiAdapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAoC,MAAM,OAAO,CAAC;AAE/E,eAAO,MAAM,iBAAiB,EAAE,eAAe,EA8B9C,CAAC;AA+BF,QAAA,MAAM,WAAW,6CAGf,CAAC;AAKH,eAAO,MAAM,YAAY,EAAE,OAAO,WAGjC,CAAC"}

package/dist/components/Code/shikiAdapter.js

@@ -34,16 +34,37 @@ const BUNDLED_LANGUAGES = [
     'xml',
     'yaml',
 ];
-const shikiAdapter = react.createShikiAdapter({
-    async load() {
-        const { createHighlighter } = await Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); });
-        return createHighlighter({
-            langs: BUNDLED_LANGUAGES,
-            themes: ['github-dark'],
-        });
-    },
+// One highlighter for the whole app. Every <Code> mounts its own
+// AdapterProvider, and Chakra calls `load()` once per provider. Without this
+// cache a chat with 136 code blocks built 136 highlighters, each compiling all
+// BUNDLED_LANGUAGES, and froze the tab for tens of seconds.
+let highlighterPromise = null;
+const loadHighlighter = () => {
+    highlighterPromise ?? (highlighterPromise = Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); })
+        .then(({ createHighlighter }) => createHighlighter({
+        langs: BUNDLED_LANGUAGES,
+        themes: ['github-dark'],
+    }))
+        .catch((error) => {
+        // Chakra does not catch a rejected load, so resolve to null instead: the
+        // block renders as plain text. Clear the cache so the next mount retries.
+        console.error('[logician-ui] Failed to load the Shiki highlighter', error);
+        highlighterPromise = null;
+        return null;
+    }));
+    return highlighterPromise;
+};
+const baseAdapter = react.createShikiAdapter({
+    load: loadHighlighter,
     theme: 'github-dark',
 });
+// Chakra's default `unloadContext` calls `dispose()` when a provider unmounts.
+// The highlighter is shared, so one block unmounting would break highlighting
+// in every other block. Keep it alive for the life of the page.
+const shikiAdapter = {
+    ...baseAdapter,
+    unloadContext: () => { },
+};
 
 exports.BUNDLED_LANGUAGES = BUNDLED_LANGUAGES;
 exports.shikiAdapter = shikiAdapter;

package/dist/components/Code/shikiAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.js","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":["createShikiAdapter"],"mappings":";;;;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAGD,MAAM,YAAY,GAAGA,wBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,oDAAO,wCAAO,KAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;;"}
+{"version":3,"file":"shikiAdapter.js","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":["createShikiAdapter"],"mappings":";;;;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAKR;AACA;AACA;AACA;AACA,IAAI,kBAAkB,GAAuC,IAAI;AAEjE,MAAM,eAAe,GAAG,MAAkC;AACxD,IAAA,kBAAkB,KAAlB,kBAAkB,GAAK,oDAAO,wCAAO;SAClC,IAAI,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAC1B,iBAAiB,CAAC;AAChB,QAAA,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,KAAA,CAAC;AAEH,SAAA,KAAK,CAAC,CAAC,KAAc,KAAI;;;AAGxB,QAAA,OAAO,CAAC,KAAK,CACX,oDAAoD,EACpD,KAAK,CACN;QACD,kBAAkB,GAAG,IAAI;AACzB,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC,CAAA;AACJ,IAAA,OAAO,kBAAkB;AAC3B,CAAC;AAED,MAAM,WAAW,GAAGA,wBAAkB,CAAqB;AACzD,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEF;AACA;AACA;AACO,MAAM,YAAY,GAAuB;AAC9C,IAAA,GAAG,WAAW;AACd,IAAA,aAAa,EAAE,MAAK,EAAE,CAAC;;;;;;"}

package/dist/components/Code/shikiAdapter.mjs

@@ -32,16 +32,37 @@ const BUNDLED_LANGUAGES = [
     'xml',
     'yaml',
 ];
-const shikiAdapter = createShikiAdapter({
-    async load() {
-        const { createHighlighter } = await import('../../node_modules/shiki/dist/index.mjs');
-        return createHighlighter({
-            langs: BUNDLED_LANGUAGES,
-            themes: ['github-dark'],
-        });
-    },
+// One highlighter for the whole app. Every <Code> mounts its own
+// AdapterProvider, and Chakra calls `load()` once per provider. Without this
+// cache a chat with 136 code blocks built 136 highlighters, each compiling all
+// BUNDLED_LANGUAGES, and froze the tab for tens of seconds.
+let highlighterPromise = null;
+const loadHighlighter = () => {
+    highlighterPromise ?? (highlighterPromise = import('../../node_modules/shiki/dist/index.mjs')
+        .then(({ createHighlighter }) => createHighlighter({
+        langs: BUNDLED_LANGUAGES,
+        themes: ['github-dark'],
+    }))
+        .catch((error) => {
+        // Chakra does not catch a rejected load, so resolve to null instead: the
+        // block renders as plain text. Clear the cache so the next mount retries.
+        console.error('[logician-ui] Failed to load the Shiki highlighter', error);
+        highlighterPromise = null;
+        return null;
+    }));
+    return highlighterPromise;
+};
+const baseAdapter = createShikiAdapter({
+    load: loadHighlighter,
     theme: 'github-dark',
 });
+// Chakra's default `unloadContext` calls `dispose()` when a provider unmounts.
+// The highlighter is shared, so one block unmounting would break highlighting
+// in every other block. Keep it alive for the life of the page.
+const shikiAdapter = {
+    ...baseAdapter,
+    unloadContext: () => { },
+};
 
 export { BUNDLED_LANGUAGES, shikiAdapter };
 //# sourceMappingURL=shikiAdapter.mjs.map

package/dist/components/Code/shikiAdapter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shikiAdapter.mjs","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAGD,MAAM,YAAY,GAAG,kBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,yCAAO,CAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE,iBAAiB;YACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;"}
+{"version":3,"file":"shikiAdapter.mjs","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,GAAsB;IAClD,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,YAAY;IACZ,MAAM;IACN,KAAK;IACL,QAAQ;IACR,KAAK;IACL,UAAU;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,KAAK;IACL,MAAM;;AAKR;AACA;AACA;AACA;AACA,IAAI,kBAAkB,GAAuC,IAAI;AAEjE,MAAM,eAAe,GAAG,MAAkC;AACxD,IAAA,kBAAkB,KAAlB,kBAAkB,GAAK,OAAO,yCAAO;SAClC,IAAI,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAC1B,iBAAiB,CAAC;AAChB,QAAA,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,KAAA,CAAC;AAEH,SAAA,KAAK,CAAC,CAAC,KAAc,KAAI;;;AAGxB,QAAA,OAAO,CAAC,KAAK,CACX,oDAAoD,EACpD,KAAK,CACN;QACD,kBAAkB,GAAG,IAAI;AACzB,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC,CAAA;AACJ,IAAA,OAAO,kBAAkB;AAC3B,CAAC;AAED,MAAM,WAAW,GAAG,kBAAkB,CAAqB;AACzD,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEF;AACA;AACA;AACO,MAAM,YAAY,GAAuB;AAC9C,IAAA,GAAG,WAAW;AACd,IAAA,aAAa,EAAE,MAAK,EAAE,CAAC;;;;;"}

package/dist/components/ExpandableText/ExpandableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAUL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAMjC,QAAA,MAAM,eAAe;;;;;;;;;CASX,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,oEAM5B,mBAAmB,4CAmCrB,CAAC"}
+{"version":3,"file":"ExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAUL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAMjC,QAAA,MAAM,eAAe;;;;;;;;;CASX,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,oEAM5B,mBAAmB,4CAkCrB,CAAC"}

package/dist/components/ExpandableText/ExpandableText.js

@@ -49,7 +49,7 @@ const ExpandableText = ({ lineClamp = 3, charLimit: _charLimit, component = 'Tex
                 // and the cut always lands between them. Where `lh` is unsupported the
                 // declaration is dropped and the text simply shows in full — degraded,
                 // not broken.
-                maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsxRuntime.jsx(Link.Link, { as: "button", textDecor: "none", _hover: { color: 'fg.default' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
+                maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsxRuntime.jsx(Link.Link, { as: "button", _hover: { color: 'fg.default' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
 };
 
 exports.ExpandableText = ExpandableText;

package/dist/components/ExpandableText/ExpandableText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableText.js","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["Text","Subtitle","Subtext","H1","H2","H3","H4","H5","useTranslate","useExpandableText","_jsxs","_jsx","Box","Link"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;UACtBA,SAAI;cACJC,iBAAQ;aACRC,eAAO;QACPC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAGC,yBAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtEC,mCAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEC,eAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,cAAA,CAACC,SAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BD,cAAA,CAACE,SAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,YAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}
+{"version":3,"file":"ExpandableText.js","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["Text","Subtitle","Subtext","H1","H2","H3","H4","H5","useTranslate","useExpandableText","_jsxs","_jsx","Box","Link"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;UACtBA,SAAI;cACJC,iBAAQ;aACRC,eAAO;QACPC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAGC,yBAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtEC,mCAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEC,eAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,cAAA,CAACC,SAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BD,cAAA,CAACE,SAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,EAAA,QAAA,EAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}

package/dist/components/ExpandableText/ExpandableText.mjs

@@ -47,7 +47,7 @@ const ExpandableText = ({ lineClamp = 3, charLimit: _charLimit, component = 'Tex
                 // and the cut always lands between them. Where `lh` is unsupported the
                 // declaration is dropped and the text simply shows in full — degraded,
                 // not broken.
-                maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsx(Link, { as: "button", textDecor: "none", _hover: { color: 'fg.default' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
+                maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsx(Link, { as: "button", _hover: { color: 'fg.default' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
 };
 
 export { ExpandableText };

package/dist/components/ExpandableText/ExpandableText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableText.mjs","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;IACtB,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtE,iBAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEA,IAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,YAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}
+{"version":3,"file":"ExpandableText.mjs","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;IACtB,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtE,iBAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEA,IAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAC/B,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,EAAA,QAAA,EAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}

package/dist/theme/palette.generated.d.ts

@@ -312,7 +312,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#8A8A8A";
             readonly "disabled-fgGhost": "#C2C2C2";
             readonly "fg-link": "#48607A";
-            readonly "fg-linkHover": "#295684";
+            readonly "fg-linkHover": "#304760";
             readonly focus: "#252525";
             readonly "danger-bg": "#FEE9E6";
             readonly "danger-border": "#F3C3BD";
@@ -403,7 +403,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#737373";
             readonly "disabled-fgGhost": "#4A4A4A";
             readonly "fg-link": "#AFC7E1";
-            readonly "fg-linkHover": "#8BB7E3";
+            readonly "fg-linkHover": "#C5DEF8";
             readonly focus: "#D6D3CD";
             readonly "danger-bg": "#47211E";
             readonly "danger-border": "#6E3530";
@@ -494,7 +494,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#8A8A8A";
             readonly "disabled-fgGhost": "#C2C2C2";
             readonly "fg-link": "#3B536C";
-            readonly "fg-linkHover": "#265381";
+            readonly "fg-linkHover": "#304760";
             readonly focus: "#252525";
             readonly "danger-bg": "#FEE9E6";
             readonly "danger-border": "#AA7E79";
@@ -585,7 +585,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#737373";
             readonly "disabled-fgGhost": "#4A4A4A";
             readonly "fg-link": "#BED7F1";
-            readonly "fg-linkHover": "#ACD9FF";
+            readonly "fg-linkHover": "#C5DEF8";
             readonly focus: "#D6D3CD";
             readonly "danger-bg": "#47211E";
             readonly "danger-border": "#A2645D";
@@ -678,7 +678,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#8A8A8A";
             readonly "disabled-fgGhost": "#C2C2C2";
             readonly "fg-link": "#48607A";
-            readonly "fg-linkHover": "#295684";
+            readonly "fg-linkHover": "#304760";
             readonly focus: "#1F2534";
             readonly "danger-bg": "#FEE9E6";
             readonly "danger-border": "#F3C3BD";
@@ -769,7 +769,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#737373";
             readonly "disabled-fgGhost": "#4A4A4A";
             readonly "fg-link": "#AFC7E1";
-            readonly "fg-linkHover": "#8BB7E3";
+            readonly "fg-linkHover": "#C5DEF8";
             readonly focus: "#D5D9E1";
             readonly "danger-bg": "#47211E";
             readonly "danger-border": "#6E3530";
@@ -860,7 +860,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#8A8A8A";
             readonly "disabled-fgGhost": "#C2C2C2";
             readonly "fg-link": "#3C536C";
-            readonly "fg-linkHover": "#265381";
+            readonly "fg-linkHover": "#304760";
             readonly focus: "#1F2534";
             readonly "danger-bg": "#FEE9E6";
             readonly "danger-border": "#AA7E79";
@@ -951,7 +951,7 @@ export declare const SCHEMES: {
             readonly "disabled-fg": "#737373";
             readonly "disabled-fgGhost": "#4A4A4A";
             readonly "fg-link": "#C7DFFA";
-            readonly "fg-linkHover": "#B4E2FF";
+            readonly "fg-linkHover": "#C6DFF9";
             readonly focus: "#D5D9E1";
             readonly "danger-bg": "#47211E";
             readonly "danger-border": "#A2645D";

package/dist/theme/palette.generated.js

@@ -318,7 +318,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#48607A",
-            "fg-linkHover": "#295684",
+            "fg-linkHover": "#304760",
             "focus": "#252525",
             "danger-bg": "#FEE9E6",
             "danger-border": "#F3C3BD",
@@ -409,7 +409,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#AFC7E1",
-            "fg-linkHover": "#8BB7E3",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D6D3CD",
             "danger-bg": "#47211E",
             "danger-border": "#6E3530",
@@ -500,7 +500,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#3B536C",
-            "fg-linkHover": "#265381",
+            "fg-linkHover": "#304760",
             "focus": "#252525",
             "danger-bg": "#FEE9E6",
             "danger-border": "#AA7E79",
@@ -591,7 +591,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#BED7F1",
-            "fg-linkHover": "#ACD9FF",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D6D3CD",
             "danger-bg": "#47211E",
             "danger-border": "#A2645D",
@@ -684,7 +684,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#48607A",
-            "fg-linkHover": "#295684",
+            "fg-linkHover": "#304760",
             "focus": "#1F2534",
             "danger-bg": "#FEE9E6",
             "danger-border": "#F3C3BD",
@@ -775,7 +775,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#AFC7E1",
-            "fg-linkHover": "#8BB7E3",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D5D9E1",
             "danger-bg": "#47211E",
             "danger-border": "#6E3530",
@@ -866,7 +866,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#3C536C",
-            "fg-linkHover": "#265381",
+            "fg-linkHover": "#304760",
             "focus": "#1F2534",
             "danger-bg": "#FEE9E6",
             "danger-border": "#AA7E79",
@@ -957,7 +957,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#C7DFFA",
-            "fg-linkHover": "#B4E2FF",
+            "fg-linkHover": "#C6DFF9",
             "focus": "#D5D9E1",
             "danger-bg": "#47211E",
             "danger-border": "#A2645D",

package/dist/theme/palette.generated.mjs

@@ -316,7 +316,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#48607A",
-            "fg-linkHover": "#295684",
+            "fg-linkHover": "#304760",
             "focus": "#252525",
             "danger-bg": "#FEE9E6",
             "danger-border": "#F3C3BD",
@@ -407,7 +407,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#AFC7E1",
-            "fg-linkHover": "#8BB7E3",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D6D3CD",
             "danger-bg": "#47211E",
             "danger-border": "#6E3530",
@@ -498,7 +498,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#3B536C",
-            "fg-linkHover": "#265381",
+            "fg-linkHover": "#304760",
             "focus": "#252525",
             "danger-bg": "#FEE9E6",
             "danger-border": "#AA7E79",
@@ -589,7 +589,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#BED7F1",
-            "fg-linkHover": "#ACD9FF",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D6D3CD",
             "danger-bg": "#47211E",
             "danger-border": "#A2645D",
@@ -682,7 +682,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#48607A",
-            "fg-linkHover": "#295684",
+            "fg-linkHover": "#304760",
             "focus": "#1F2534",
             "danger-bg": "#FEE9E6",
             "danger-border": "#F3C3BD",
@@ -773,7 +773,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#AFC7E1",
-            "fg-linkHover": "#8BB7E3",
+            "fg-linkHover": "#C5DEF8",
             "focus": "#D5D9E1",
             "danger-bg": "#47211E",
             "danger-border": "#6E3530",
@@ -864,7 +864,7 @@ const SCHEMES = {
             "disabled-fg": "#8A8A8A",
             "disabled-fgGhost": "#C2C2C2",
             "fg-link": "#3C536C",
-            "fg-linkHover": "#265381",
+            "fg-linkHover": "#304760",
             "focus": "#1F2534",
             "danger-bg": "#FEE9E6",
             "danger-border": "#AA7E79",
@@ -955,7 +955,7 @@ const SCHEMES = {
             "disabled-fg": "#737373",
             "disabled-fgGhost": "#4A4A4A",
             "fg-link": "#C7DFFA",
-            "fg-linkHover": "#B4E2FF",
+            "fg-linkHover": "#C6DFF9",
             "focus": "#D5D9E1",
             "danger-bg": "#47211E",
             "danger-border": "#A2645D",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "5.0.0-alpha.20",
+  "version": "5.0.0-alpha.22",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/Code/Code.test.tsx

@@ -0,0 +1,116 @@
+import { ChakraProvider } from '@chakra-ui/react';
+import { render, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { system } from '../../theme';
+
+const shiki = vi.hoisted(() => ({
+  createHighlighter: vi.fn(),
+  dispose: vi.fn(),
+}));
+
+// The real Shiki compiles grammars through WASM, which is slow in jsdom and
+// not what these tests are about. The fake marks highlighted output with a
+// class so a test can tell highlighted text from the plain-text fallback.
+vi.mock('shiki', () => ({
+  createHighlighter: shiki.createHighlighter,
+}));
+
+const fakeHighlighter = {
+  codeToHtml: (code: string) =>
+    `<pre><code><span class="test-highlighted">${code}</span></code></pre>`,
+  dispose: shiki.dispose,
+};
+
+// shikiAdapter caches the highlighter at module level. Re-import Code per test
+// so each one starts with an empty cache.
+const loadCode = async () => (await import('./Code')).Code;
+
+const wrap = (ui: React.ReactNode) =>
+  render(<ChakraProvider value={system}>{ui}</ChakraProvider>);
+
+beforeEach(() => {
+  vi.resetModules();
+  shiki.createHighlighter.mockReset();
+  shiki.createHighlighter.mockResolvedValue(fakeHighlighter);
+  shiki.dispose.mockReset();
+});
+
+describe('Code highlighter', () => {
+  it('creates one highlighter for many code blocks', async () => {
+    const Code = await loadCode();
+    const { container } = wrap(
+      <>
+        {Array.from({ length: 20 }, (_, i) => (
+          <Code key={i} language="javascript">{`const n = ${i};`}</Code>
+        ))}
+      </>
+    );
+
+    await waitFor(() =>
+      expect(container.querySelectorAll('.test-highlighted')).toHaveLength(20)
+    );
+    expect(shiki.createHighlighter).toHaveBeenCalledTimes(1);
+  });
+
+  it('keeps highlighting the other blocks when one block unmounts', async () => {
+    const Code = await loadCode();
+    const Blocks = ({ showFirst }: { showFirst: boolean }) => (
+      <>
+        {showFirst && <Code language="javascript">first</Code>}
+        <Code language="javascript">second</Code>
+      </>
+    );
+    const { container, rerender } = wrap(<Blocks showFirst />);
+    await waitFor(() =>
+      expect(container.querySelectorAll('.test-highlighted')).toHaveLength(2)
+    );
+
+    rerender(
+      <ChakraProvider value={system}>
+        <Blocks showFirst={false} />
+      </ChakraProvider>
+    );
+
+    expect(shiki.dispose).not.toHaveBeenCalled();
+    expect(container.querySelectorAll('.test-highlighted')).toHaveLength(1);
+
+    // A block mounted later reuses the same highlighter.
+    rerender(
+      <ChakraProvider value={system}>
+        <Blocks showFirst />
+      </ChakraProvider>
+    );
+    await waitFor(() =>
+      expect(container.querySelectorAll('.test-highlighted')).toHaveLength(2)
+    );
+    expect(shiki.createHighlighter).toHaveBeenCalledTimes(1);
+  });
+
+  it('retries on the next mount when loading fails', async () => {
+    const consoleError = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {});
+    shiki.createHighlighter.mockRejectedValueOnce(new Error('load failed'));
+    const Code = await loadCode();
+
+    const first = wrap(<Code language="javascript">a</Code>);
+    await waitFor(() =>
+      expect(consoleError).toHaveBeenCalledWith(
+        expect.stringContaining('Failed to load the Shiki highlighter'),
+        expect.any(Error)
+      )
+    );
+    // The failed block falls back to plain text instead of throwing.
+    expect(first.container).toHaveTextContent('a');
+    expect(first.container.querySelector('.test-highlighted')).toBeNull();
+    first.unmount();
+
+    const { container } = wrap(<Code language="javascript">b</Code>);
+    await waitFor(() =>
+      expect(container.querySelectorAll('.test-highlighted')).toHaveLength(1)
+    );
+    expect(shiki.createHighlighter).toHaveBeenCalledTimes(2);
+    consoleError.mockRestore();
+  });
+});

package/src/components/Code/shikiAdapter.ts

@@ -33,15 +33,44 @@ export const BUNDLED_LANGUAGES: BundledLanguage[] = [
   'yaml',
 ];
 
-export const shikiAdapter = createShikiAdapter<
-  HighlighterGeneric<BundledLanguage, BundledTheme>
->({
-  async load() {
-    const { createHighlighter } = await import('shiki');
-    return createHighlighter({
-      langs: BUNDLED_LANGUAGES,
-      themes: ['github-dark'],
+type Highlighter = HighlighterGeneric<BundledLanguage, BundledTheme>;
+
+// One highlighter for the whole app. Every <Code> mounts its own
+// AdapterProvider, and Chakra calls `load()` once per provider. Without this
+// cache a chat with 136 code blocks built 136 highlighters, each compiling all
+// BUNDLED_LANGUAGES, and froze the tab for tens of seconds.
+let highlighterPromise: Promise<Highlighter | null> | null = null;
+
+const loadHighlighter = (): Promise<Highlighter | null> => {
+  highlighterPromise ??= import('shiki')
+    .then(({ createHighlighter }) =>
+      createHighlighter({
+        langs: BUNDLED_LANGUAGES,
+        themes: ['github-dark'],
+      })
+    )
+    .catch((error: unknown) => {
+      // Chakra does not catch a rejected load, so resolve to null instead: the
+      // block renders as plain text. Clear the cache so the next mount retries.
+      console.error(
+        '[logician-ui] Failed to load the Shiki highlighter',
+        error
+      );
+      highlighterPromise = null;
+      return null;
     });
-  },
+  return highlighterPromise;
+};
+
+const baseAdapter = createShikiAdapter<Highlighter | null>({
+  load: loadHighlighter,
   theme: 'github-dark',
 });
+
+// Chakra's default `unloadContext` calls `dispose()` when a provider unmounts.
+// The highlighter is shared, so one block unmounting would break highlighting
+// in every other block. Keep it alive for the life of the page.
+export const shikiAdapter: typeof baseAdapter = {
+  ...baseAdapter,
+  unloadContext: () => {},
+};

package/src/components/ExpandableText/ExpandableText.tsx

@@ -89,7 +89,6 @@ export const ExpandableText = ({
       {(isOverflowing || isExpanded) && (
         <Link
           as="button"
-          textDecor="none"
           _hover={{ color: 'fg.default' }}
           onClick={handleToggle}
           aria-expanded={isExpanded}

package/src/components/ExpandableText/ExpandableText.usage.mdx

@@ -114,8 +114,9 @@ What you still have to do:
 
 ## Tokens
 
-The toggle is a `Link`; on hover it turns `fg.default` instead of
-`fg.linkHover`, and it has no underline.
+The toggle is a `Link`, underlined like every other link (it sits right after
+body text, so colour alone would not set it apart — WCAG 1.4.1). On hover it
+turns `fg.default` instead of `fg.linkHover`, and the underline thickens.
 
 </En>
 
@@ -148,8 +149,9 @@ ExpandableText가 알아서 하는 일
 
 ## 토큰
 
-펼침 버튼은 `Link`입니다. 호버하면 `fg.linkHover`가 아니라 `fg.default`로 바뀌고,
-밑줄이 없습니다.
+펼침 버튼은 `Link`이고, 다른 링크처럼 밑줄이 있습니다. 본문 바로 뒤에 붙어 있어
+색만으로는 구분되지 않기 때문입니다(WCAG 1.4.1). 호버하면 `fg.linkHover`가 아니라
+`fg.default`로 바뀌고, 밑줄이 굵어집니다.
 
 </Ko>
 

package/src/components/a11y.kwcag.test.tsx

@@ -459,27 +459,18 @@ describe('브랜드 색 대비 — Link · Tab 램프', () => {
     expect(hover).toBeGreaterThan(resting);
   });
 
-  // KNOWN (5.0 open question, needs designer sign-off): the BAZE guide's dark
-  // `fg.linkHover` #8BB7E3 is 6.52:1 on bg.surface against the resting link's
-  // 7.89:1 — the hover moves TOWARD the background. Both still clear 4.5:1 and
-  // the underline thickens 1px → 2px, so the hover cue survives, but this is
-  // the exact inversion this file was written to stop. `it.fails` keeps the
-  // invariant on record: when the value is fixed this starts passing and fails
-  // the suite, so flip it back to `it`.
-  it.fails(
-    'hover 가 배경 반대쪽으로 간다 — 다크 (BAZE 가이드 값 확인 필요)',
-    () => {
-      const resting = contrast(
-        resolve(LINK_RAMP.default, '_dark'),
-        DARK_CANVAS
-      );
-      const hover = contrast(
-        resolve(LINK_RAMP.defaultHover, '_dark'),
-        DARK_CANVAS
-      );
-      expect(hover).toBeGreaterThan(resting);
-    }
-  );
+  // The BAZE guide's dark `fg.linkHover` #8BB7E3 went TOWARD the background
+  // (6.52:1 on bg.surface against the resting link's 7.89:1) and sat here as
+  // `it.fails`. Fixed by making the dark hover lighter than the resting link
+  // (#C5DEF8, 10.66:1 on bg.surface).
+  it('hover 가 배경 반대쪽으로 간다 — 다크', () => {
+    const resting = contrast(resolve(LINK_RAMP.default, '_dark'), DARK_CANVAS);
+    const hover = contrast(
+      resolve(LINK_RAMP.defaultHover, '_dark'),
+      DARK_CANVAS
+    );
+    expect(hover).toBeGreaterThan(resting);
+  });
 
   it('선택된 가로 탭의 레이블이 라이트·다크 양쪽에서 4.5:1 을 넘는다', () => {
     // Measured against the RAISED surface (bg.surface), not the page canvas:

package/src/theme/SemanticTokens.mdx

@@ -32,7 +32,7 @@ createLogicianTheme({ neutral: 'slate' }) // cool gray — app code unchanged
 | Raised surface (card, menu, popover, input) | `bg.surface` |
 | Body · secondary · caption text | `fg.default` · `fg.muted` · `fg.subtle` |
 | Icon · placeholder | `fg.icon` · `fg.placeholder` |
-| Link | `fg.link` + underline, hover `fg.linkHover` |
+| Link | `fg.link` + 1px underline at rest; hover `fg.linkHover` + 2px underline |
 | Divider · card border · input/checkbox border | `border.subtle` · `border.default` · `border.control` |
 | Primary (black) fill · text on it | `primary.main` / `.hover` / `.active` · `fg.onPrimary` |
 | Hover / press wash, selected row | `primary.wash` / `primary.washActive` · `primary.selected` |
@@ -57,8 +57,14 @@ that is what `category.*` is for.
 Blue is the one hue BAZE gives a meaning outside status: **data and links**.
 Use it for both, and for nothing decorative.
 
-- **Links** — `fg.link` / `fg.linkHover` (blue ink, #48607A / #AFC7E1), in chat
+- **Links** — `fg.link` (blue ink, #48607A light / #AFC7E1 dark), in chat
   messages, markdown and app copy alike. Never ink-black or coral for a link.
+  **Always underlined, at rest too**: next to body text (#252525) the blue is
+  only 2.36:1, under the 3:1 that colour alone would need (WCAG 1.4.1), so the
+  underline is what marks it as a link. Hover is `fg.linkHover` — further from
+  the canvas than rest, never toward it: #304760 light (9.56:1 on white vs
+  6.50:1 at rest), #C5DEF8 dark (10.66:1 vs 8.48:1 on `bg.surface`) — and the
+  underline thickens to 2px.
 - **Data visualisation** — usage/share bars, single-measure bar charts, maps,
   heatmaps, progress-by-share: the `data.*` ramp, a **blue monochrome ramp**,
   never a rainbow and never a grey ramp. Steps differ in lightness only (the

package/src/theme/palette.generated.ts

@@ -320,7 +320,7 @@ export const SCHEMES = {
       "disabled-fg": "#8A8A8A",
       "disabled-fgGhost": "#C2C2C2",
       "fg-link": "#48607A",
-      "fg-linkHover": "#295684",
+      "fg-linkHover": "#304760",
       "focus": "#252525",
       "danger-bg": "#FEE9E6",
       "danger-border": "#F3C3BD",
@@ -411,7 +411,7 @@ export const SCHEMES = {
       "disabled-fg": "#737373",
       "disabled-fgGhost": "#4A4A4A",
       "fg-link": "#AFC7E1",
-      "fg-linkHover": "#8BB7E3",
+      "fg-linkHover": "#C5DEF8",
       "focus": "#D6D3CD",
       "danger-bg": "#47211E",
       "danger-border": "#6E3530",
@@ -502,7 +502,7 @@ export const SCHEMES = {
       "disabled-fg": "#8A8A8A",
       "disabled-fgGhost": "#C2C2C2",
       "fg-link": "#3B536C",
-      "fg-linkHover": "#265381",
+      "fg-linkHover": "#304760",
       "focus": "#252525",
       "danger-bg": "#FEE9E6",
       "danger-border": "#AA7E79",
@@ -593,7 +593,7 @@ export const SCHEMES = {
       "disabled-fg": "#737373",
       "disabled-fgGhost": "#4A4A4A",
       "fg-link": "#BED7F1",
-      "fg-linkHover": "#ACD9FF",
+      "fg-linkHover": "#C5DEF8",
       "focus": "#D6D3CD",
       "danger-bg": "#47211E",
       "danger-border": "#A2645D",
@@ -686,7 +686,7 @@ export const SCHEMES = {
       "disabled-fg": "#8A8A8A",
       "disabled-fgGhost": "#C2C2C2",
       "fg-link": "#48607A",
-      "fg-linkHover": "#295684",
+      "fg-linkHover": "#304760",
       "focus": "#1F2534",
       "danger-bg": "#FEE9E6",
       "danger-border": "#F3C3BD",
@@ -777,7 +777,7 @@ export const SCHEMES = {
       "disabled-fg": "#737373",
       "disabled-fgGhost": "#4A4A4A",
       "fg-link": "#AFC7E1",
-      "fg-linkHover": "#8BB7E3",
+      "fg-linkHover": "#C5DEF8",
       "focus": "#D5D9E1",
       "danger-bg": "#47211E",
       "danger-border": "#6E3530",
@@ -868,7 +868,7 @@ export const SCHEMES = {
       "disabled-fg": "#8A8A8A",
       "disabled-fgGhost": "#C2C2C2",
       "fg-link": "#3C536C",
-      "fg-linkHover": "#265381",
+      "fg-linkHover": "#304760",
       "focus": "#1F2534",
       "danger-bg": "#FEE9E6",
       "danger-border": "#AA7E79",
@@ -959,7 +959,7 @@ export const SCHEMES = {
       "disabled-fg": "#737373",
       "disabled-fgGhost": "#4A4A4A",
       "fg-link": "#C7DFFA",
-      "fg-linkHover": "#B4E2FF",
+      "fg-linkHover": "#C6DFF9",
       "focus": "#D5D9E1",
       "danger-bg": "#47211E",
       "danger-border": "#A2645D",