@assistkick/create 1.29.0 → 1.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistkick/create",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "description": "Scaffold assistkick-product-system into any project",
   "type": "module",
   "bin": {

package/templates/assistkick-product-system/packages/frontend/src/components/ChatMessageContent.tsx

@@ -38,7 +38,7 @@ const buildResultMap = (blocks: ContentBlock[]): Map<string, ToolResultBlock> =>
 
 /** Tailwind classes for the markdown container (replaces .chat-markdown CSS) */
 const chatMarkdownClass = [
-  'text-[13px] font-mono text-content break-words min-w-0',
+  'md-lists text-[13px] font-mono text-content break-words min-w-0',
   // first/last child spacing
   '[&>*:first-child]:mt-0 [&>*:last-child]:mb-0',
   // headings
@@ -48,8 +48,7 @@ const chatMarkdownClass = [
   '[&_h4]:text-[13px] [&_h4]:font-semibold [&_h4]:mt-2.5 [&_h4]:mb-1 [&_h4]:leading-[1.3]',
   // paragraphs
   '[&_p]:my-1.5 [&_p]:leading-[1.6]',
-  // lists
-  '[&_ul]:list-disc [&_ol]:list-decimal [&_ul_ul]:list-circle [&_ol_ol]:list-[lower-alpha]',
+  // lists — list-style-type is forced by .md-lists in index.css (outside @layer, !important)
   '[&_ul]:pl-5 [&_ol]:pl-5 [&_ul]:my-1.5 [&_ol]:my-1.5',
   '[&_li]:my-[3px] [&_li]:leading-normal [&_li>p]:my-0.5',
   // blockquote

package/templates/assistkick-product-system/packages/frontend/src/components/markdownComponents.tsx

@@ -1,7 +1,8 @@
 /**
  * Shared react-markdown component overrides used across all markdown renderers.
  *
- * - ol/ul: inline list-style-type to reliably override Tailwind v4 preflight reset
+ * - ol/ul: strip `node` prop to prevent React DOM warnings (react-markdown v10 passes hast AST nodes)
+ * - list-style-type is handled by .md-lists CSS in index.css (outside @layer, !important)
  * - code: syntax-highlighted fenced blocks (Prism) + mermaid diagram rendering
  */
 
@@ -11,11 +12,11 @@ import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import { MermaidBlock } from './MermaidBlock';
 
 export const markdownComponents: Components = {
-  ol({ children, ...props }) {
-    return <ol {...props} style={{ listStyleType: 'decimal' }}>{children}</ol>;
+  ol({ children, node, ...props }) {
+    return <ol {...props}>{children}</ol>;
   },
-  ul({ children, ...props }) {
-    return <ul {...props} style={{ listStyleType: 'disc' }}>{children}</ul>;
+  ul({ children, node, ...props }) {
+    return <ul {...props}>{children}</ul>;
   },
   code({ className, children, ...props }) {
     const match = /language-(\w+)/.exec(className || '');

package/templates/assistkick-product-system/packages/frontend/src/styles/index.css

@@ -166,6 +166,15 @@ html, body, #root {
 
 } /* end @layer base */
 
+/* Force list markers through Tailwind v4 preflight reset.
+   Must be OUTSIDE @layer so these override all layered rules.
+   list-style-position: inside is required because 'outside' markers get
+   clipped when ancestor elements use overflow: hidden + min-w-0. */
+.md-lists ol { list-style: decimal inside !important; }
+.md-lists ul { list-style: disc inside !important; }
+.md-lists ul ul { list-style: circle inside !important; }
+.md-lists ol ol { list-style: lower-alpha inside !important; }
+
 /* Keyframes — referenced by Tailwind arbitrary animations and CSS classes */
 @keyframes toast-slide-in {
   from { transform: translateY(20px); opacity: 0; }