semantic-renderer 1.0.0

package/dist/react/SemanticRenderer.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { classify } from '../core/classifier.js';
+import { FallbackMarkdown } from './FallbackMarkdown.js';
+import { VerdictRenderer } from './renderers/VerdictRenderer.js';
+import { ProsConsRenderer } from './renderers/ProsConsRenderer.js';
+import { StepsRenderer } from './renderers/StepsRenderer.js';
+import { ComparisonRenderer } from './renderers/ComparisonRenderer.js';
+import { DataTableRenderer } from './renderers/DataTableRenderer.js';
+import { CodeExplanationRenderer } from './renderers/CodeExplanationRenderer.js';
+const RENDERER_MAP = {
+    'comparison': ComparisonRenderer,
+    'steps': StepsRenderer,
+    'pros-cons': ProsConsRenderer,
+    'code-explanation': CodeExplanationRenderer,
+    'data-table': DataTableRenderer,
+    'verdict': VerdictRenderer,
+    'default': ({ block, Fallback }) => _jsx(Fallback, { content: block.rawMarkdown }),
+};
+export const SemanticRenderer = memo(({ content, isStreaming = false, className = '', fallback: Fallback = FallbackMarkdown, }) => {
+    // During streaming, bypass classification
+    if (isStreaming) {
+        return _jsx(Fallback, { content: content });
+    }
+    const blocks = useMemo(() => classify(content), [content]);
+    // If all blocks are default, skip the wrapper overhead
+    const allDefault = blocks.every(b => b.type === 'default');
+    if (allDefault) {
+        return _jsx(Fallback, { content: content });
+    }
+    return (_jsx("div", { className: `sem-body ${className}`.trim(), children: blocks.map(block => {
+            const Renderer = RENDERER_MAP[block.type] || RENDERER_MAP['default'];
+            return _jsx(Renderer, { block: block, Fallback: Fallback }, block.id);
+        }) }));
+});
+SemanticRenderer.displayName = 'SemanticRenderer';
+//# sourceMappingURL=SemanticRenderer.js.map

package/dist/react/SemanticRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticRenderer.js","sourceRoot":"","sources":["../../src/react/SemanticRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAajF,MAAM,YAAY,GAAiI;IACjJ,YAAY,EAAE,kBAAkB;IAChC,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,gBAAgB;IAC7B,kBAAkB,EAAE,uBAAuB;IAC3C,YAAY,EAAE,iBAAiB;IAC/B,SAAS,EAAE,eAAe;IAC1B,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI;CAC7E,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,EACpC,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EAAE,QAAQ,GAAG,gBAAgB,GACf,EAAE,EAAE;IAC1B,0CAA0C;IAC1C,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IACxC,CAAC;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3D,uDAAuD;IACvD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC3D,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IACxC,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,YAAY,SAAS,EAAE,CAAC,IAAI,EAAE,YAC3C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAClB,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;YACrE,OAAO,KAAC,QAAQ,IAAgB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAA1C,KAAK,CAAC,EAAE,CAAsC,CAAC;QACvE,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,10 @@
+export { SemanticRenderer } from './SemanticRenderer.js';
+export { VerdictRenderer } from './renderers/VerdictRenderer.js';
+export { ProsConsRenderer } from './renderers/ProsConsRenderer.js';
+export { StepsRenderer } from './renderers/StepsRenderer.js';
+export { ComparisonRenderer } from './renderers/ComparisonRenderer.js';
+export { DataTableRenderer } from './renderers/DataTableRenderer.js';
+export { CodeExplanationRenderer } from './renderers/CodeExplanationRenderer.js';
+export { classify } from '../core/index.js';
+export type { SemanticBlock, SemanticBlockType, ComparisonMeta, StepsMeta, ProsConsMeta, CodeExplanationMeta, DataTableMeta, VerdictMeta, } from '../core/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,WAAW,GACZ,MAAM,kBAAkB,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,11 @@
+// React entry — SemanticRenderer component + all renderers
+export { SemanticRenderer } from './SemanticRenderer.js';
+export { VerdictRenderer } from './renderers/VerdictRenderer.js';
+export { ProsConsRenderer } from './renderers/ProsConsRenderer.js';
+export { StepsRenderer } from './renderers/StepsRenderer.js';
+export { ComparisonRenderer } from './renderers/ComparisonRenderer.js';
+export { DataTableRenderer } from './renderers/DataTableRenderer.js';
+export { CodeExplanationRenderer } from './renderers/CodeExplanationRenderer.js';
+// Re-export core for convenience
+export { classify } from '../core/index.js';
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,iCAAiC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/react/renderers/CodeExplanationRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const CodeExplanationRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=CodeExplanationRenderer.d.ts.map

package/dist/react/renderers/CodeExplanationRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeExplanationRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/CodeExplanationRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAE9E,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,uBAAuB,4DAA8B,KAAK,6CA6BrE,CAAC"}

package/dist/react/renderers/CodeExplanationRenderer.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { Code2 } from 'lucide-react';
+export const CodeExplanationRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    if (!meta?.code || !meta?.explanation) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    const codeMd = '```' + (meta.language || '') + '\n' + meta.code + '\n```';
+    return (_jsxs(motion.div, { className: "sem-code-explain", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: [_jsxs("div", { className: "sem-code-panel", children: [_jsxs("div", { className: "sem-code-panel-header", children: [_jsx(Code2, { size: 14 }), _jsx("span", { children: meta.language || 'Code' })] }), _jsx(Fallback, { content: codeMd })] }), _jsxs("div", { className: "sem-explain-panel", children: [_jsx("div", { className: "sem-explain-panel-header", children: "Explanation" }), _jsx(Fallback, { content: meta.explanation })] })] }));
+});
+CodeExplanationRenderer.displayName = 'CodeExplanationRenderer';
+//# sourceMappingURL=CodeExplanationRenderer.js.map

package/dist/react/renderers/CodeExplanationRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeExplanationRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/CodeExplanationRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAQrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAsC,CAAC;IAE1D,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC;QACtC,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAClD,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IAE1E,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAE7B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EACnB,yBAAO,IAAI,CAAC,QAAQ,IAAI,MAAM,GAAQ,IAClC,EACN,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,GAAI,IACzB,EACN,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,0BAA0B,4BAAkB,EAC3D,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAI,IACnC,IACK,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

package/dist/react/renderers/ComparisonRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const ComparisonRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ComparisonRenderer.d.ts.map

package/dist/react/renderers/ComparisonRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/ComparisonRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,qBAAqB,CAAC;AAIzE,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,kBAAkB,4DAA8B,KAAK,6CAqChE,CAAC"}

package/dist/react/renderers/ComparisonRenderer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+const ACCENT_COLORS = ['#6366f1', '#ec4899', '#14b8a6', '#f59e0b', '#8b5cf6'];
+export const ComparisonRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    if (!meta?.items?.length || meta.items.length < 2) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    return (_jsx(motion.div, { className: "sem-comparison", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: meta.items.map((item, i) => (_jsxs("div", { className: "sem-comparison-card", children: [_jsxs("div", { className: "sem-comparison-card-header", style: { borderColor: ACCENT_COLORS[i % ACCENT_COLORS.length] }, children: [_jsx("span", { className: "sem-comparison-card-dot", style: { background: ACCENT_COLORS[i % ACCENT_COLORS.length] } }), item.title] }), _jsx("ul", { className: "sem-comparison-card-points", children: item.points.map((point, j) => (_jsx("li", { className: "sem-comparison-card-point", children: _jsx(Fallback, { content: point }) }, j))) })] }, i))) }));
+});
+ComparisonRenderer.displayName = 'ComparisonRenderer';
+//# sourceMappingURL=ComparisonRenderer.js.map

package/dist/react/renderers/ComparisonRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/ComparisonRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAO9E,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACpE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAiC,CAAC;IAErD,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClD,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAClD,CAAC;IAED,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE5B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,eAAa,SAAS,EAAC,qBAAqB,aAC1C,eACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,EAAE,aAE/D,eACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,EAAE,GAC9D,EACD,IAAI,CAAC,KAAK,IACP,EACN,aAAI,SAAS,EAAC,4BAA4B,YACvC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,aAAY,SAAS,EAAC,2BAA2B,YAC/C,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,GAAI,IADrB,CAAC,CAEL,CACN,CAAC,GACC,KAjBG,CAAC,CAkBL,CACP,CAAC,GACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/react/renderers/DataTableRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const DataTableRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=DataTableRenderer.d.ts.map

package/dist/react/renderers/DataTableRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/DataTableRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,qBAAqB,CAAC;AAExE,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAWD,eAAO,MAAM,iBAAiB,4DAA8B,KAAK,6CAoF/D,CAAC"}

package/dist/react/renderers/DataTableRenderer.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useMemo } from 'react';
+import { motion } from 'framer-motion';
+import { ArrowUpDown, ArrowUp, ArrowDown, Search } from 'lucide-react';
+function naturalCompare(a, b) {
+    const numA = parseFloat(a);
+    const numB = parseFloat(b);
+    if (!isNaN(numA) && !isNaN(numB))
+        return numA - numB;
+    return a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' });
+}
+export const DataTableRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    const [sortCol, setSortCol] = useState(null);
+    const [sortDir, setSortDir] = useState(null);
+    const [filter, setFilter] = useState('');
+    if (!meta?.headers?.length || !meta?.rows?.length) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    const filteredRows = useMemo(() => {
+        let rows = meta.rows;
+        if (filter.trim()) {
+            const q = filter.toLowerCase();
+            rows = rows.filter(row => row.some(cell => cell.toLowerCase().includes(q)));
+        }
+        if (sortCol !== null && sortDir) {
+            rows = [...rows].sort((a, b) => {
+                const cmp = naturalCompare(a[sortCol] || '', b[sortCol] || '');
+                return sortDir === 'asc' ? cmp : -cmp;
+            });
+        }
+        return rows;
+    }, [meta.rows, filter, sortCol, sortDir]);
+    const handleSort = (colIdx) => {
+        if (sortCol === colIdx) {
+            if (sortDir === 'asc')
+                setSortDir('desc');
+            else {
+                setSortCol(null);
+                setSortDir(null);
+            }
+        }
+        else {
+            setSortCol(colIdx);
+            setSortDir('asc');
+        }
+    };
+    return (_jsxs(motion.div, { className: "sem-data-table", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: [_jsxs("div", { className: "sem-table-toolbar", children: [_jsxs("div", { className: "sem-table-filter", children: [_jsx(Search, { size: 14 }), _jsx("input", { type: "text", placeholder: "Filter rows...", value: filter, onChange: e => setFilter(e.target.value) })] }), _jsxs("span", { className: "sem-table-count", children: [filteredRows.length, " of ", meta.rows.length, " rows"] })] }), _jsx("div", { className: "sem-table-scroll", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: meta.headers.map((header, i) => (_jsxs("th", { className: "sem-sort-header", onClick: () => handleSort(i), children: [_jsx("span", { children: header }), sortCol === i && sortDir === 'asc' && _jsx(ArrowUp, { size: 12 }), sortCol === i && sortDir === 'desc' && _jsx(ArrowDown, { size: 12 }), sortCol !== i && _jsx(ArrowUpDown, { size: 12, className: "sem-sort-idle" })] }, i))) }) }), _jsx("tbody", { children: filteredRows.map((row, i) => (_jsx("tr", { children: row.map((cell, j) => (_jsx("td", { children: cell }, j))) }, i))) })] }) })] }));
+});
+DataTableRenderer.displayName = 'DataTableRenderer';
+//# sourceMappingURL=DataTableRenderer.js.map

package/dist/react/renderers/DataTableRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/DataTableRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/react/renderers/ProsConsRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const ProsConsRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ProsConsRenderer.d.ts.map

package/dist/react/renderers/ProsConsRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProsConsRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/ProsConsRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,qBAAqB,CAAC;AAEvE,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,gBAAgB,4DAA8B,KAAK,6CA6C9D,CAAC"}

package/dist/react/renderers/ProsConsRenderer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { Check, X } from 'lucide-react';
+export const ProsConsRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    if (!meta?.pros?.length || !meta?.cons?.length) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    return (_jsxs(motion.div, { className: "sem-pros-cons", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: [_jsxs("div", { className: "sem-pros-col", children: [_jsxs("div", { className: "sem-pros-header", children: [_jsx(Check, { size: 18 }), _jsx("span", { children: "Pros" })] }), _jsx("ul", { className: "sem-pros-list", children: meta.pros.map((item, i) => (_jsxs("li", { className: "sem-pros-item", children: [_jsx(Check, { size: 14, className: "sem-pros-icon" }), _jsx("span", { children: _jsx(Fallback, { content: item }) })] }, i))) })] }), _jsxs("div", { className: "sem-cons-col", children: [_jsxs("div", { className: "sem-cons-header", children: [_jsx(X, { size: 18 }), _jsx("span", { children: "Cons" })] }), _jsx("ul", { className: "sem-cons-list", children: meta.cons.map((item, i) => (_jsxs("li", { className: "sem-cons-item", children: [_jsx(X, { size: 14, className: "sem-cons-icon" }), _jsx("span", { children: _jsx(Fallback, { content: item }) })] }, i))) })] })] }));
+});
+ProsConsRenderer.displayName = 'ProsConsRenderer';
+//# sourceMappingURL=ProsConsRenderer.js.map

package/dist/react/renderers/ProsConsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProsConsRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/ProsConsRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAQxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClE,MAAM,IAAI,GAAG,KAAK,CAAC,IAA+B,CAAC;IAEnD,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAC/C,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAClD,CAAC;IAED,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAE7B,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EACnB,kCAAiB,IACb,EACN,aAAI,SAAS,EAAC,eAAe,YAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,cAAY,SAAS,EAAC,eAAe,aACnC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,EAC7C,yBAAM,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,GAAI,GAAO,KAFjC,CAAC,CAGL,CACN,CAAC,GACC,IACD,EAEN,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EACf,kCAAiB,IACb,EACN,aAAI,SAAS,EAAC,eAAe,YAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,cAAY,SAAS,EAAC,eAAe,aACnC,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,EACzC,yBAAM,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,GAAI,GAAO,KAFjC,CAAC,CAGL,CACN,CAAC,GACC,IACD,IACK,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/react/renderers/StepsRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const StepsRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=StepsRenderer.d.ts.map

package/dist/react/renderers/StepsRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/StepsRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,qBAAqB,CAAC;AAEpE,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,aAAa,4DAA8B,KAAK,6CA4D3D,CAAC"}

package/dist/react/renderers/StepsRenderer.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+export const StepsRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    const [expandedSteps, setExpandedSteps] = useState(() => new Set(meta?.steps?.map((_, i) => i) ?? []));
+    if (!meta?.steps?.length) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    const toggleStep = (index) => {
+        setExpandedSteps(prev => {
+            const next = new Set(prev);
+            if (next.has(index))
+                next.delete(index);
+            else
+                next.add(index);
+            return next;
+        });
+    };
+    return (_jsx(motion.div, { className: "sem-steps", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: meta.steps.map((step, i) => {
+            const isExpanded = expandedSteps.has(i);
+            const isLast = i === meta.steps.length - 1;
+            return (_jsxs("div", { className: `sem-step ${isLast ? 'sem-step-last' : ''}`, children: [_jsxs("div", { className: "sem-step-rail", children: [_jsx("div", { className: "sem-step-circle", children: step.number }), !isLast && _jsx("div", { className: "sem-step-line" })] }), _jsxs("div", { className: "sem-step-content", children: [_jsxs("button", { className: "sem-step-title", onClick: () => toggleStep(i), children: [_jsx("span", { children: step.title }), isExpanded ? _jsx(ChevronDown, { size: 16 }) : _jsx(ChevronRight, { size: 16 })] }), _jsx(AnimatePresence, { initial: false, children: isExpanded && step.body && (_jsx(motion.div, { className: "sem-step-body", initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2 }, children: _jsx(Fallback, { content: step.body }) })) })] })] }, i));
+        }) }));
+});
+StepsRenderer.displayName = 'StepsRenderer';
+//# sourceMappingURL=StepsRenderer.js.map

package/dist/react/renderers/StepsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/StepsRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/react/renderers/VerdictRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { SemanticBlock } from '../../core/types.js';
+interface Props {
+    block: SemanticBlock;
+    Fallback: React.ComponentType<{
+        content: string;
+    }>;
+}
+export declare const VerdictRenderer: import("react").MemoExoticComponent<({ block, Fallback }: Props) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=VerdictRenderer.d.ts.map

package/dist/react/renderers/VerdictRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerdictRenderer.d.ts","sourceRoot":"","sources":["../../../src/react/renderers/VerdictRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,qBAAqB,CAAC;AAEtE,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,eAAe,4DAA8B,KAAK,6CA2B7D,CAAC"}

package/dist/react/renderers/VerdictRenderer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { Lightbulb } from 'lucide-react';
+export const VerdictRenderer = memo(({ block, Fallback }) => {
+    const meta = block.meta;
+    if (!meta?.verdict) {
+        return _jsx(Fallback, { content: block.rawMarkdown });
+    }
+    return (_jsxs(motion.div, { className: "sem-verdict", initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: [_jsx("div", { className: "sem-verdict-icon", children: _jsx(Lightbulb, { size: 20 }) }), _jsxs("div", { className: "sem-verdict-content", children: [_jsx(Fallback, { content: meta.verdict }), meta.reasoning && (_jsx("div", { className: "sem-verdict-reasoning", children: _jsx(Fallback, { content: meta.reasoning }) }))] })] }));
+});
+VerdictRenderer.displayName = 'VerdictRenderer';
+//# sourceMappingURL=VerdictRenderer.js.map

package/dist/react/renderers/VerdictRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerdictRenderer.js","sourceRoot":"","sources":["../../../src/react/renderers/VerdictRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACjE,MAAM,IAAI,GAAG,KAAK,CAAC,IAA8B,CAAC;IAElD,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;QACnB,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAClD,CAAC;IAED,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAE7B,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,EAClC,IAAI,CAAC,SAAS,IAAI,CACjB,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,SAAS,GAAI,GACjC,CACP,IACG,IACK,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "semantic-renderer",
+  "version": "1.0.0",
+  "description": "Intelligent LLM response renderer that detects semantic intent (comparisons, steps, pros/cons, code explanations, tables, verdicts) and renders with purpose-built visual components instead of generic markdown.",
+  "author": "Sagar Kalra <autopriseai@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AutoPriseAI/semantic-renderer"
+  },
+  "keywords": [
+    "llm",
+    "ai",
+    "markdown",
+    "renderer",
+    "semantic",
+    "react",
+    "react-native",
+    "chatbot",
+    "comparison",
+    "steps",
+    "pros-cons",
+    "streaming",
+    "openai",
+    "claude",
+    "gemini"
+  ],
+  "type": "module",
+  "main": "./dist/core/index.js",
+  "module": "./dist/core/index.js",
+  "types": "./dist/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./react/styles.css": "./src/react/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/react/styles.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "framer-motion": ">=10.0.0",
+    "lucide-react": ">=0.300.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-markdown": ">=9.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "react-markdown": {
+      "optional": true
+    },
+    "framer-motion": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "framer-motion": "^12.38.0",
+    "lucide-react": "^1.7.0",
+    "react-dom": "^19.2.5",
+    "react-markdown": "^10.1.0",
+    "typescript": "^5.9.0"
+  }
+}

package/src/react/styles.css

@@ -0,0 +1,79 @@
+/* semantic-renderer — default styles
+   Import: import 'semantic-renderer/react/styles.css'
+   All classes use .sem- prefix to avoid collisions. */
+
+.sem-body { display: flex; flex-direction: column; gap: 16px; }
+
+/* Verdict */
+.sem-verdict { display: flex; gap: 14px; padding: 16px 18px; border-left: 4px solid var(--sem-accent, #6366f1); background: linear-gradient(135deg, rgba(99,102,241,0.04) 0%, rgba(109,40,217,0.03) 100%); border-radius: 0 10px 10px 0; }
+.sem-verdict-icon { flex-shrink: 0; color: var(--sem-accent, #6366f1); margin-top: 2px; }
+.sem-verdict-content { flex: 1; min-width: 0; }
+.sem-verdict-content p { font-size: 1.02em; }
+.sem-verdict-reasoning { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--sem-border, #e5e7eb); opacity: 0.75; font-size: 0.92em; }
+
+/* Pros & Cons */
+.sem-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
+.sem-pros-col, .sem-cons-col { border-radius: 10px; border: 1px solid var(--sem-border, #e5e7eb); overflow: hidden; }
+.sem-pros-header, .sem-cons-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-weight: 600; font-size: 0.88em; text-transform: uppercase; letter-spacing: 0.04em; }
+.sem-pros-header { background: rgba(22,163,74,0.08); color: #16a34a; border-bottom: 1px solid rgba(22,163,74,0.15); }
+.sem-cons-header { background: rgba(220,38,38,0.08); color: #dc2626; border-bottom: 1px solid rgba(220,38,38,0.15); }
+.sem-pros-list, .sem-cons-list { list-style: none; padding: 8px 14px; margin: 0; }
+.sem-pros-item, .sem-cons-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--sem-border, #e5e7eb); font-size: 0.93em; line-height: 1.5; }
+.sem-pros-item:last-child, .sem-cons-item:last-child { border-bottom: none; }
+.sem-pros-icon { flex-shrink: 0; color: #16a34a; margin-top: 3px; }
+.sem-cons-icon { flex-shrink: 0; color: #dc2626; margin-top: 3px; }
+
+/* Steps */
+.sem-steps { display: flex; flex-direction: column; }
+.sem-step { display: flex; gap: 14px; min-height: 48px; }
+.sem-step-rail { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 32px; }
+.sem-step-circle { width: 28px; height: 28px; border-radius: 50%; background: var(--sem-accent, #6366f1); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.78em; font-weight: 700; flex-shrink: 0; }
+.sem-step-line { width: 2px; flex: 1; background: var(--sem-border, #d1d5db); margin: 4px 0; min-height: 16px; }
+.sem-step-last .sem-step-line { display: none; }
+.sem-step-content { flex: 1; min-width: 0; padding-bottom: 16px; }
+.sem-step-last .sem-step-content { padding-bottom: 0; }
+.sem-step-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; background: none; border: none; cursor: pointer; font: inherit; font-weight: 600; font-size: 0.95em; color: inherit; padding: 4px 8px 4px 0; text-align: left; border-radius: 6px; transition: background 0.15s; }
+.sem-step-title:hover { background: rgba(0,0,0,0.03); }
+.sem-step-title svg { flex-shrink: 0; opacity: 0.5; }
+.sem-step-body { overflow: hidden; padding-top: 6px; }
+.sem-step-body p { font-size: 0.93em; }
+
+/* Comparison */
+.sem-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
+.sem-comparison-card { border-radius: 10px; border: 1px solid var(--sem-border, #e5e7eb); overflow: hidden; }
+.sem-comparison-card-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-weight: 600; font-size: 0.95em; border-bottom: 2px solid var(--sem-accent, #6366f1); background: rgba(0,0,0,0.015); }
+.sem-comparison-card-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
+.sem-comparison-card-points { list-style: none; padding: 8px 14px; margin: 0; }
+.sem-comparison-card-point { padding: 6px 0; border-bottom: 1px solid var(--sem-border, #e5e7eb); font-size: 0.92em; line-height: 1.5; }
+.sem-comparison-card-point:last-child { border-bottom: none; }
+
+/* Data Table */
+.sem-data-table { border-radius: 10px; border: 1px solid var(--sem-border, #e5e7eb); overflow: hidden; }
+.sem-table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; background: rgba(0,0,0,0.015); border-bottom: 1px solid var(--sem-border, #e5e7eb); }
+.sem-table-filter { display: flex; align-items: center; gap: 6px; color: #6b7280; }
+.sem-table-filter input { border: 1px solid var(--sem-border, #d1d5db); border-radius: 6px; padding: 4px 8px; font-size: 0.82em; outline: none; width: 160px; }
+.sem-table-filter input:focus { border-color: var(--sem-accent, #6366f1); }
+.sem-table-count { font-size: 0.78em; color: #6b7280; white-space: nowrap; }
+.sem-table-scroll { overflow-x: auto; }
+.sem-sort-header { cursor: pointer; user-select: none; white-space: nowrap; }
+.sem-sort-header > span { margin-right: 4px; }
+.sem-sort-idle { opacity: 0.3; }
+.sem-sort-header:hover .sem-sort-idle { opacity: 0.6; }
+
+/* Code + Explanation */
+.sem-code-explain { display: grid; grid-template-columns: 55% 45%; border-radius: 10px; border: 1px solid var(--sem-border, #e5e7eb); overflow: hidden; }
+.sem-code-panel { border-right: 1px solid var(--sem-border, #e5e7eb); overflow: auto; max-height: 500px; }
+.sem-code-panel-header { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: #1e1e1e; color: #9ca3af; font-size: 0.78em; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
+.sem-explain-panel { padding: 14px 16px; overflow: auto; max-height: 500px; }
+.sem-explain-panel-header { font-weight: 600; font-size: 0.82em; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--sem-border, #e5e7eb); }
+.sem-explain-panel p { font-size: 0.92em; }
+
+/* Responsive */
+@media (max-width: 700px) {
+  .sem-pros-cons { grid-template-columns: 1fr; }
+  .sem-comparison { grid-template-columns: 1fr; }
+  .sem-code-explain { grid-template-columns: 1fr; }
+  .sem-code-panel { border-right: none; border-bottom: 1px solid var(--sem-border, #e5e7eb); max-height: 300px; }
+  .sem-explain-panel { max-height: none; }
+  .sem-table-toolbar { flex-direction: column; align-items: flex-start; }
+}