wip(chat): overall improvements

packages/markdown/package.json

@@ -23,6 +23,7 @@
     "@methanium/ui": "*",
     "@twemoji/api": "^17.0.3",
     "emojibase-data": "^17.0.0",
+    "lucide-react": "^1.30.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   }

packages/markdown/src/markdown.tsx

@@ -8,6 +8,7 @@ import {
 } from "react";
 import Emoji from "./emoji";
 import { findEmojiShortcodes } from "./emojiData";
+import { Check } from "lucide-react";
 
 type InlineNode =
   | { type: "text"; value: string }
@@ -86,30 +87,7 @@ function CopiedIndicator({
       aria-live="polite"
       aria-hidden={!visible}
     >
-      <svg
+      <Check className="size-3.5" />
-        className="size-3.5"
-        viewBox="0 0 16 16"
-        fill="none"
-        aria-hidden="true"
-      >
-        <rect
-          x="3"
-          y="3.5"
-          width="10"
-          height="11"
-          rx="2"
-          stroke="currentColor"
-          strokeWidth="1.5"
-        />
-        <path
-          d="M6 4V2.75C6 2.06 6.56 1.5 7.25 1.5h1.5c.69 0 1.25.56 1.25 1.25V4"
-          stroke="currentColor"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-      <span className="sr-only">Copied</span>
     </span>
   );
 }
@@ -144,7 +122,7 @@ function CopyableCode({
 
   const code = (
     <code
-      className={block ? "tm-md-codeblock" : "tm-md-code"}
+      className={block ? "" : "bg-card border p-0.5 rounded text-sm"}
       data-language={language}
       role="button"
       tabIndex={0}

pnpm-lock.yaml

@@ -84,7 +84,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tauri-apps/api':
         specifier: ^2.11.1
         version: 2.11.1
@@ -272,7 +272,7 @@ importers:
         version: 2.9.23(livekit-client@2.21.0(@types/dom-mediacapture-record@1.0.22))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tslib@2.8.1)
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tanstack/react-router':
         specifier: ^1.170.21
         version: 1.170.23(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -320,7 +320,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tanstack/pacer':
         specifier: ^0.21.1
         version: 0.21.1
@@ -430,6 +430,9 @@ importers:
       emojibase-data:
         specifier: ^17.0.0
         version: 17.0.0(emojibase@17.0.0)
+      lucide-react:
+        specifier: ^1.30.0
+        version: 1.30.0(react@19.2.8)
       react:
         specifier: ^19.2.8
         version: 19.2.8
@@ -441,7 +444,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tauri-apps/api':
         specifier: ^2.11.1
         version: 2.11.1
@@ -475,7 +478,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tanstack/react-router':
         specifier: ^1.170.21
         version: 1.170.23(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -517,7 +520,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tauri-apps/api':
         specifier: ^2.11.1
         version: 2.11.1
@@ -547,7 +550,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tanstack/react-router':
         specifier: ^1.170.21
         version: 1.170.23(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -590,7 +593,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       lucide-react:
         specifier: ^1.29.0
         version: 1.30.0(react@19.2.8)
@@ -608,7 +611,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tauri-apps/api':
         specifier: ^2.11.1
         version: 2.11.1
@@ -632,7 +635,7 @@ importers:
     dependencies:
       '@methanium/ui':
         specifier: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz
-        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@6.0.3)
+        version: https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)
       '@tanstack/react-router':
         specifier: ^1.170.21
         version: 1.170.23(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -5578,6 +5581,38 @@ snapshots:
       - supports-color
       - typescript
 
+  '@methanium/ui@https://git.methanium.net/methanium/ui/releases/download/0.0.22/methanium-ui.tgz(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)(supports-color@7.2.0)(typescript@7.0.2)':
+    dependencies:
+      '@base-ui/react': 1.7.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@tauri-apps/api': 2.11.1
+      class-variance-authority: 0.7.1
+      clsx: 2.1.1
+      cmdk: 1.1.1(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      embla-carousel-react: 8.6.0(react@19.2.8)
+      input-otp: 1.4.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      lucide-react: 1.30.0(react@19.2.8)
+      next-themes: 0.4.6(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      react-resizable-panels: 4.12.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      recharts: 3.10.1(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.8)(react@19.2.8)(redux@5.0.1)
+      shadcn: 4.16.2(supports-color@7.2.0)(typescript@7.0.2)
+      sonner: 2.0.7(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      tailwind-merge: 3.6.0
+      tw-animate-css: 1.4.0
+      vaul: 1.1.2(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - '@date-fns/tz'
+      - '@types/react'
+      - '@types/react-dom'
+      - babel-plugin-macros
+      - date-fns
+      - react-is
+      - redux
+      - supports-color
+      - typescript
+
   '@modelcontextprotocol/sdk@1.30.0(supports-color@7.2.0)(zod@3.25.76)':
     dependencies:
       '@hono/node-server': 2.1.0(hono@4.13.1)
@@ -6707,6 +6742,15 @@ snapshots:
     optionalDependencies:
       typescript: 6.0.3
 
+  cosmiconfig@9.0.2(typescript@7.0.2):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.3.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 7.0.2
+
   crelt@1.0.7: {}
 
   cross-dirname@0.1.0:
@@ -7417,7 +7461,7 @@ snapshots:
       es6-error: 4.1.1
       matcher: 3.0.0
       roarr: 2.15.4
-      semver: 7.7.4
+      semver: 7.8.5
       serialize-error: 7.0.1
     optional: true
 
@@ -7934,11 +7978,11 @@ snapshots:
 
   node-abi@4.33.0:
     dependencies:
-      semver: 7.7.4
+      semver: 7.8.5
 
   node-api-version@0.2.1:
     dependencies:
-      semver: 7.7.4
+      semver: 7.8.5
 
   node-gyp@12.4.0:
     dependencies:
@@ -7947,7 +7991,7 @@ snapshots:
       graceful-fs: 4.2.11
       nopt: 9.0.0
       proc-log: 6.1.0
-      semver: 7.7.4
+      semver: 7.8.5
       tar: 7.5.22
       tinyglobby: 0.2.17
       undici: 6.28.0
@@ -8485,6 +8529,46 @@ snapshots:
       - supports-color
       - typescript
 
+  shadcn@4.16.2(supports-color@7.2.0)(typescript@7.0.2):
+    dependencies:
+      '@babel/core': 7.29.7(supports-color@7.2.0)
+      '@babel/parser': 7.29.8
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7(supports-color@7.2.0))(supports-color@7.2.0)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7(supports-color@7.2.0))(supports-color@7.2.0)
+      '@dotenvx/dotenvx': 1.75.1
+      '@modelcontextprotocol/sdk': 1.30.0(supports-color@7.2.0)(zod@3.25.76)
+      '@types/validate-npm-package-name': 4.0.2
+      browserslist: 4.28.7
+      commander: 14.0.3
+      cosmiconfig: 9.0.2(typescript@7.0.2)
+      dedent: 1.7.2
+      deepmerge: 4.3.1
+      diff: 8.0.4
+      execa: 9.6.1
+      fast-glob: 3.3.3
+      fs-extra: 11.4.0
+      fuzzysort: 3.1.0
+      kleur: 4.1.5
+      open: 11.0.0
+      ora: 8.2.0
+      postcss: 8.5.26
+      postcss-selector-parser: 7.1.5
+      prompts: 2.4.2
+      recast: 0.23.19
+      stringify-object: 5.0.0
+      tailwind-merge: 3.6.0
+      ts-morph: 26.0.0
+      tsconfig-paths: 4.2.0
+      undici: 7.29.0
+      validate-npm-package-name: 7.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - babel-plugin-macros
+      - supports-color
+      - typescript
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0