dishui 0.0.64 → 0.0.66

package/dist/components/pro/CodeEditor/panels/FootnotePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FootnotePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/FootnotePanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FootnoteInfo } from '../editors/markdownExtensions';\nimport { EditorTheme } from '../types';\n\nexport interface FootnotePanelProps {\n  footnotes: FootnoteInfo[];\n  onFootnoteClick: (line: number) => void;\n  onJumpToDefinition?: (id: string, line: number) => void;\n  onJumpToReference?: (id: string, line: number) => void;\n  className?: string;\n  theme?: EditorTheme;\n}\n\nconst FootnotePanel: React.FC<FootnotePanelProps> = ({\n  footnotes,\n  onFootnoteClick,\n  onJumpToDefinition,\n  onJumpToReference,\n  className = '',\n  theme = 'light',\n}) => {\n  const [filter, setFilter] = useState('');\n\n  // 过滤脚注\n  const filteredFootnotes = footnotes.filter((footnote) =>\n    footnote.id.toLowerCase().includes(filter.toLowerCase())\n  );\n\n  // 分类脚注\n  const defined = filteredFootnotes.filter((f) => f.definitionLine);\n  const undefined = filteredFootnotes.filter((f) => !f.definitionLine);\n\n  return (\n    <div className={`footnote-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      <div className=\"footnote-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"\n          />\n        </svg>\n        <span className=\"font-semibold\">脚注</span>\n        <span className=\"text-xs opacity-60 ml-auto\">({footnotes.length})</span>\n      </div>\n\n      {/* 搜索框 */}\n      <input\n        type=\"text\"\n        placeholder=\"搜索脚注...\"\n        value={filter}\n        onChange={(e) => setFilter(e.target.value)}\n        className=\"input input-sm input-bordered w-full mb-2\"\n      />\n\n      {/* 脚注列表 */}\n      <div className=\"footnote-content max-h-96 overflow-y-auto\">\n        {filteredFootnotes.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? '未找到匹配的脚注' : '暂无脚注'}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {/* 已定义的脚注 */}\n            {defined.length > 0 && (\n              <div>\n                <div className=\"text-xs font-semibold opacity-70 mb-1 px-2\">已定义</div>\n                {defined.map((footnote) => (\n                  <div\n                    key={footnote.id}\n                    className=\"footnote-item bg-base-200 rounded p-2 mb-1 hover:bg-base-300 cursor-pointer transition-colors\"\n                  >\n                    <div className=\"flex items-center justify-between mb-1\">\n                      <span className=\"font-mono text-sm font-semibold text-primary\">\n                        [^{footnote.id}]\n                      </span>\n                      <div className=\"flex gap-1\">\n                        {footnote.definitionLine && (\n                          <button\n                            className=\"btn btn-xs btn-ghost tooltip tooltip-left\"\n                            data-tip=\"跳转到定义\"\n                            onClick={() => {\n                              onFootnoteClick(footnote.definitionLine!);\n                              if (onJumpToDefinition) {\n                                onJumpToDefinition(footnote.id, footnote.definitionLine!);\n                              }\n                            }}\n                            title=\"跳转到定义\"\n                          >\n                            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                              <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                              />\n                            </svg>\n                          </button>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"text-xs opacity-70 mb-2\">\n                      {footnote.definitionLine && `定义: 第 ${footnote.definitionLine} 行`}\n                      {footnote.referenceLines && footnote.referenceLines.length > 0 && (\n                        <div className=\"mt-1\">\n                          引用 ({footnote.referenceLines.length}): \n                          {footnote.referenceLines.map((refLine, idx) => (\n                            <button\n                              key={idx}\n                              className=\"btn btn-xs btn-ghost ml-1 text-info\"\n                              onClick={() => {\n                                onFootnoteClick(refLine);\n                                if (onJumpToReference) {\n                                  onJumpToReference(footnote.id, refLine);\n                                }\n                              }}\n                              title={`跳转到第 ${refLine} 行`}\n                            >\n                              L{refLine}\n                            </button>\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* 未定义的脚注 */}\n            {undefined.length > 0 && (\n              <div>\n                <div className=\"text-xs font-semibold opacity-70 mb-1 px-2 text-warning\">\n                  未定义\n                </div>\n                {undefined.map((footnote) => (\n                  <div\n                    key={footnote.id}\n                    className=\"footnote-item bg-warning/10 border border-warning/30 rounded p-2 mb-1 hover:bg-warning/20 cursor-pointer transition-colors\"\n                  >\n                    <div className=\"flex items-center justify-between mb-1\">\n                      <span className=\"font-mono text-sm font-semibold text-warning\">\n                        [^{footnote.id}]\n                      </span>\n                      <button\n                        className=\"btn btn-xs btn-ghost\"\n                        onClick={() => onFootnoteClick(footnote.line)}\n                        title=\"跳转到引用\"\n                      >\n                        <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\n                          />\n                        </svg>\n                      </button>\n                    </div>\n                    <div className=\"text-xs opacity-70\">\n                      引用: 第 {footnote.line} 行 | ⚠️ 缺少定义\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FootnotePanel;\n\n"],"mappings":";;AAaA,IAAM,IAAA,CAA+C,EACnD,WAAA,GACA,iBAAA,GACA,oBAAA,GACA,mBAAA,GACA,WAAA,IAAY,IACZ,OAAA,IAAQ,QAAA,MACJ;AACJ,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAS,EAAE,GAGjC,IAAoB,EAAU,OAAA,CAAQ,MAC1C,EAAS,GAAG,YAAY,EAAE,SAAS,EAAO,YAAY,CAAC,CACzD,GAGM,IAAU,EAAkB,OAAA,CAAQ,MAAM,EAAE,cAAc,GAC1D,IAAY,EAAkB,OAAA,CAAQ,MAAM,CAAC,EAAE,cAAc;AAEnE,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,oEAAoE,CAAA;AAAA,cAApF;AAAA,MAEE,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf;AAAA,UACE,gBAAA,EAAC,OAAD;AAAA,YAAK,WAAU;AAAA,YAAU,MAAK;AAAA,YAAO,SAAQ;AAAA,YAAY,QAAO;AAAA,sBAC9D,gBAAA,EAAC,QAAD;AAAA,cACE,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,aAAa;AAAA,cACb,GAAE;AAAA,YACH,CAAA;AAAA,UACE,CAAA;AAAA,UACL,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,sBAAgB;AAAA,UAAQ,CAAA;AAAA,UACxC,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,sBAAhB;AAAA,cAA6C;AAAA,cAAE,EAAU;AAAA,cAAO;AAAA,YAAO;AAAA;QACpE;AAAA;MAGL,gBAAA,EAAC,SAAD;AAAA,QACE,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAA,CAAW,MAAM,EAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MACX,CAAA;AAAA,MAGD,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBACZ,EAAkB,WAAW,IAC5B,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBACZ,IAAS,aAAa;AAAA,QACpB,CAAA,IAEL,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBAAf,CAEG,EAAQ,SAAS,KAChB,gBAAA,EAAC,OAAD,EAAA,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,YAAK,WAAU;AAAA,sBAA6C;AAAA,UAAQ,CAAA,GACnE,EAAQ,IAAA,CAAK,MACZ,gBAAA,EAAC,OAAD;AAAA,YAEE,WAAU;AAAA,sBAFZ,CAIE,gBAAA,EAAC,OAAD;AAAA,cAAK,WAAU;AAAA,wBAAf,CACE,gBAAA,EAAC,QAAD;AAAA,gBAAM,WAAU;AAAA,0BAAhB;AAAA,kBAA+D;AAAA,kBAC1D,EAAS;AAAA,kBAAG;AAAA,gBACX;AAAA,kBACN,gBAAA,EAAC,OAAD;AAAA,gBAAK,WAAU;AAAA,0BACZ,EAAS,kBACR,gBAAA,EAAC,UAAD;AAAA,kBACE,WAAU;AAAA,kBACV,YAAS;AAAA,kBACT,SAAA,MAAe;AACb,oBAAA,EAAgB,EAAS,cAAe,GACpC,KACF,EAAmB,EAAS,IAAI,EAAS,cAAe;AAAA,kBAE5D;AAAA,kBACA,OAAM;AAAA,4BAEN,gBAAA,EAAC,OAAD;AAAA,oBAAK,WAAU;AAAA,oBAAU,MAAK;AAAA,oBAAO,SAAQ;AAAA,oBAAY,QAAO;AAAA,8BAC9D,gBAAA,EAAC,QAAD;AAAA,sBACE,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,aAAa;AAAA,sBACb,GAAE;AAAA,oBACH,CAAA;AAAA,kBACE,CAAA;AAAA,gBACC,CAAA;AAAA,cAEP,CAAA,CACF;AAAA,gBACL,gBAAA,EAAC,OAAD;AAAA,cAAK,WAAU;AAAA,wBAAf,CACG,EAAS,kBAAkB,SAAS,EAAS,cAAA,MAC7C,EAAS,kBAAkB,EAAS,eAAe,SAAS,KAC3D,gBAAA,EAAC,OAAD;AAAA,gBAAK,WAAU;AAAA,0BAAf;AAAA,kBAAsB;AAAA,kBACf,EAAS,eAAe;AAAA,kBAAO;AAAA,kBACnC,EAAS,eAAe,IAAA,CAAK,GAAS,MACrC,gBAAA,EAAC,UAAD;AAAA,oBAEE,WAAU;AAAA,oBACV,SAAA,MAAe;AACb,sBAAA,EAAgB,CAAO,GACnB,KACF,EAAkB,EAAS,IAAI,CAAO;AAAA,oBAE1C;AAAA,oBACA,OAAO,QAAQ,CAAA;AAAA,8BATjB,CAUC,KACG,CACI;AAAA,qBAXD,CAWC,CACT;AAAA,gBACE;AAAA,gBAEJ;AAAA,cACF;AAAA,aAvDE,EAAS,EAuDX,CACN,CACE,EAAA,CAAA,GAIN,EAAU,SAAS,KAClB,gBAAA,EAAC,OAAD,EAAA,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,YAAK,WAAU;AAAA,sBAA0D;AAAA,UAEpE,CAAA,GACJ,EAAU,IAAA,CAAK,MACd,gBAAA,EAAC,OAAD;AAAA,YAEE,WAAU;AAAA,sBAFZ,CAIE,gBAAA,EAAC,OAAD;AAAA,cAAK,WAAU;AAAA,wBAAf,CACE,gBAAA,EAAC,QAAD;AAAA,gBAAM,WAAU;AAAA,0BAAhB;AAAA,kBAA+D;AAAA,kBAC1D,EAAS;AAAA,kBAAG;AAAA,gBACX;AAAA,kBACN,gBAAA,EAAC,UAAD;AAAA,gBACE,WAAU;AAAA,gBACV,SAAA,MAAe,EAAgB,EAAS,IAAI;AAAA,gBAC5C,OAAM;AAAA,0BAEN,gBAAA,EAAC,OAAD;AAAA,kBAAK,WAAU;AAAA,kBAAU,MAAK;AAAA,kBAAO,SAAQ;AAAA,kBAAY,QAAO;AAAA,4BAC9D,gBAAA,EAAC,QAAD;AAAA,oBACE,eAAc;AAAA,oBACd,gBAAe;AAAA,oBACf,aAAa;AAAA,oBACb,GAAE;AAAA,kBACH,CAAA;AAAA,gBACE,CAAA;AAAA,cACC,CAAA,CACL;AAAA,gBACL,gBAAA,EAAC,OAAD;AAAA,cAAK,WAAU;AAAA,wBAAf;AAAA,gBAAoC;AAAA,gBAC3B,EAAS;AAAA,gBAAK;AAAA,cAClB;AAAA,cACF;AAAA,aAzBE,EAAS,EAyBX,CACN,CACE,EAAA,CAAA,CAEJ;AAAA;MAEJ,CAAA;AAAA,IACF;AAAA;AAET"}
+{"version":3,"file":"FootnotePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/FootnotePanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FootnoteInfo } from '../editors/markdownExtensions';\nimport { EditorTheme } from '../types';\n\nexport interface FootnotePanelProps {\n  footnotes: FootnoteInfo[];\n  onFootnoteClick: (line: number) => void;\n  onJumpToDefinition?: (id: string, line: number) => void;\n  onJumpToReference?: (id: string, line: number) => void;\n  className?: string;\n  theme?: EditorTheme;\n}\n\nconst FootnotePanel: React.FC<FootnotePanelProps> = ({\n  footnotes,\n  onFootnoteClick,\n  onJumpToDefinition,\n  onJumpToReference,\n  className = '',\n  theme = 'light',\n}) => {\n  const [filter, setFilter] = useState('');\n\n  // 过滤脚注\n  const filteredFootnotes = footnotes.filter((footnote) =>\n    footnote.id.toLowerCase().includes(filter.toLowerCase())\n  );\n\n  // 分类脚注\n  const defined = filteredFootnotes.filter((f) => f.definitionLine);\n  const undefinedFootnotes = filteredFootnotes.filter((f) => !f.definitionLine);\n\n  return (\n    <div className={`footnote-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      <div className=\"footnote-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"\n          />\n        </svg>\n        <span className=\"font-semibold\">脚注</span>\n        <span className=\"text-xs opacity-60 ml-auto\">({footnotes.length})</span>\n      </div>\n\n      {/* 搜索框 */}\n      <input\n        type=\"text\"\n        placeholder=\"搜索脚注...\"\n        value={filter}\n        onChange={(e) => setFilter(e.target.value)}\n        className=\"input input-sm input-bordered w-full mb-2\"\n      />\n\n      {/* 脚注列表 */}\n      <div className=\"footnote-content max-h-96 overflow-y-auto\">\n        {filteredFootnotes.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? '未找到匹配的脚注' : '暂无脚注'}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {/* 已定义的脚注 */}\n            {defined.length > 0 && (\n              <div>\n                <div className=\"text-xs font-semibold opacity-70 mb-1 px-2\">已定义</div>\n                {defined.map((footnote) => (\n                  <div\n                    key={footnote.id}\n                    className=\"footnote-item bg-base-200 rounded p-2 mb-1 hover:bg-base-300 cursor-pointer transition-colors\"\n                  >\n                    <div className=\"flex items-center justify-between mb-1\">\n                      <span className=\"font-mono text-sm font-semibold text-primary\">\n                        [^{footnote.id}]\n                      </span>\n                      <div className=\"flex gap-1\">\n                        {footnote.definitionLine && (\n                          <button\n                            className=\"btn btn-xs btn-ghost tooltip tooltip-left\"\n                            data-tip=\"跳转到定义\"\n                            onClick={() => {\n                              onFootnoteClick(footnote.definitionLine!);\n                              if (onJumpToDefinition) {\n                                onJumpToDefinition(footnote.id, footnote.definitionLine!);\n                              }\n                            }}\n                            title=\"跳转到定义\"\n                          >\n                            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                              <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                              />\n                            </svg>\n                          </button>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"text-xs opacity-70 mb-2\">\n                      {footnote.definitionLine && `定义: 第 ${footnote.definitionLine} 行`}\n                      {footnote.referenceLines && footnote.referenceLines.length > 0 && (\n                        <div className=\"mt-1\">\n                          引用 ({footnote.referenceLines.length}): \n                          {footnote.referenceLines.map((refLine, idx) => (\n                            <button\n                              key={idx}\n                              className=\"btn btn-xs btn-ghost ml-1 text-info\"\n                              onClick={() => {\n                                onFootnoteClick(refLine);\n                                if (onJumpToReference) {\n                                  onJumpToReference(footnote.id, refLine);\n                                }\n                              }}\n                              title={`跳转到第 ${refLine} 行`}\n                            >\n                              L{refLine}\n                            </button>\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* 未定义的脚注 */}\n            {undefinedFootnotes.length > 0 && (\n              <div>\n                <div className=\"text-xs font-semibold opacity-70 mb-1 px-2 text-warning\">\n                  未定义\n                </div>\n                {undefinedFootnotes.map((footnote) => (\n                  <div\n                    key={footnote.id}\n                    className=\"footnote-item bg-warning/10 border border-warning/30 rounded p-2 mb-1 hover:bg-warning/20 cursor-pointer transition-colors\"\n                  >\n                    <div className=\"flex items-center justify-between mb-1\">\n                      <span className=\"font-mono text-sm font-semibold text-warning\">\n                        [^{footnote.id}]\n                      </span>\n                      <button\n                        className=\"btn btn-xs btn-ghost\"\n                        onClick={() => onFootnoteClick(footnote.line)}\n                        title=\"跳转到引用\"\n                      >\n                        <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\n                          />\n                        </svg>\n                      </button>\n                    </div>\n                    <div className=\"text-xs opacity-70\">\n                      引用: 第 {footnote.line} 行 | ⚠️ 缺少定义\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default FootnotePanel;\n\n"],"mappings":"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"}

package/dist/components/pro/CodeEditor/panels/HistoryPanel.js

@@ -1,193 +1,183 @@
-import { useState as w } from "react";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-var $ = ({ history: i, currentIndex: m, onRestore: h, onClear: p, className: b = "", height: d, maxHeight: u = "600px" }) => {
-  const [c, x] = w(null), v = (t) => {
-    const o = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(o / 1e3), a = Math.floor(r / 60), n = Math.floor(a / 60), l = Math.floor(n / 24);
-    return l > 0 ? `${l}d ago` : n > 0 ? `${n}h ago` : a > 0 ? `${a}m ago` : `${r}s ago`;
-  }, g = (t) => t.toLocaleTimeString("en-US", {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit"
-  }), f = (t) => {
-    x(c === t ? null : t);
-  }, N = (t, o = 50) => {
-    const r = t.split(`
-`)[0];
-    return r.length > o ? r.substring(0, o) + "..." : r;
-  };
-  return /* @__PURE__ */ s("div", {
-    className: `history-panel bg-base-100 border border-base-300 rounded-lg p-2 ${b}`,
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "history-header mb-2",
-        children: [/* @__PURE__ */ s("div", {
-          className: "flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300",
-          children: [
-            /* @__PURE__ */ e("svg", {
-              className: "w-5 h-5",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ e("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-              })
-            }),
-            /* @__PURE__ */ e("span", {
-              className: "font-semibold",
-              children: "History"
-            }),
-            /* @__PURE__ */ s("span", {
-              className: "text-xs opacity-60 ml-auto",
-              children: [
-                "(",
-                i.length,
-                ")"
-              ]
-            })
-          ]
-        }), /* @__PURE__ */ e("div", {
-          className: "flex gap-2 mb-2",
-          children: /* @__PURE__ */ s("button", {
-            className: "btn btn-xs btn-ghost flex-1",
-            onClick: p,
-            disabled: i.length === 0,
-            title: "Clear history",
-            children: [/* @__PURE__ */ e("svg", {
-              className: "w-4 h-4",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ e("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-              })
-            }), "Clear"]
-          })
-        })]
-      }),
-      /* @__PURE__ */ e("div", {
-        className: "history-content overflow-y-auto",
-        style: {
-          height: d,
-          maxHeight: d ? void 0 : u
-        },
-        children: i.length === 0 ? /* @__PURE__ */ e("div", {
-          className: "text-center text-sm opacity-60 py-4",
-          children: "No history yet"
-        }) : /* @__PURE__ */ e("div", {
-          className: "space-y-1",
-          children: [...i].reverse().map((t, o) => {
-            const r = i.length - 1 - o, a = c === t.id, n = r === m, l = t.content.split(`
-`).length, k = r + 1;
-            return /* @__PURE__ */ s("div", {
-              className: `history-item border rounded p-2 cursor-pointer transition-colors ${n ? "border-primary bg-primary/10" : "border-base-300 hover:bg-base-200"}`,
-              children: [/* @__PURE__ */ s("div", {
-                className: "flex items-start gap-2",
-                onClick: () => f(t.id),
-                children: [/* @__PURE__ */ s("div", {
-                  className: "flex-1 min-w-0",
-                  children: [
-                    /* @__PURE__ */ s("div", {
-                      className: "flex items-center gap-2 mb-1",
-                      children: [
-                        /* @__PURE__ */ s("span", {
-                          className: "font-mono text-xs font-bold",
-                          children: ["#", k]
-                        }),
-                        n && /* @__PURE__ */ e("span", {
-                          className: "badge badge-primary badge-xs",
-                          children: "Current"
-                        }),
-                        /* @__PURE__ */ e("span", {
-                          className: "text-xs opacity-60 ml-auto",
-                          children: v(t.timestamp)
-                        })
-                      ]
-                    }),
-                    t.description && /* @__PURE__ */ e("div", {
-                      className: "text-sm mb-1",
-                      children: t.description
-                    }),
-                    /* @__PURE__ */ e("div", {
-                      className: "text-xs font-mono opacity-70 truncate",
-                      children: N(t.content)
-                    }),
-                    /* @__PURE__ */ s("div", {
-                      className: "text-xs opacity-50 mt-1",
-                      children: [
-                        g(t.timestamp),
-                        " • ",
-                        l,
-                        " lines"
-                      ]
-                    })
-                  ]
-                }), /* @__PURE__ */ e("button", {
-                  className: `btn btn-xs btn-ghost transition-transform ${a ? "rotate-180" : ""}`,
-                  children: /* @__PURE__ */ e("svg", {
-                    className: "w-4 h-4",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    children: /* @__PURE__ */ e("path", {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M19 9l-7 7-7-7"
-                    })
-                  })
-                })]
-              }), a && /* @__PURE__ */ s("div", {
-                className: "mt-2 pt-2 border-t border-base-300",
-                children: [/* @__PURE__ */ e("div", {
-                  className: "bg-base-200 rounded p-2 mb-2 max-h-32 overflow-y-auto",
-                  children: /* @__PURE__ */ e("pre", {
-                    className: "text-xs font-mono whitespace-pre-wrap break-words",
-                    children: t.content
-                  })
-                }), /* @__PURE__ */ s("button", {
-                  className: "btn btn-xs btn-primary w-full",
-                  onClick: (y) => {
-                    y.stopPropagation(), h(r);
-                  },
-                  disabled: n,
-                  children: [/* @__PURE__ */ e("svg", {
-                    className: "w-4 h-4 mr-1",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    children: /* @__PURE__ */ e("path", {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-                    })
-                  }), "Restore this version"]
-                })]
-              })]
-            }, t.id);
-          })
-        })
-      }),
-      /* @__PURE__ */ e("style", { children: `
-        .history-panel .history-item {
-          transition: all 0.2s ease;
-        }
-
-        .history-panel .history-item:hover {
-          transform: translateX(2px);
-        }
-      ` })
-    ]
-  });
-};
-export {
-  $ as default
+import { useState as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/pro/CodeEditor/panels/HistoryPanel.tsx
+var r = ({ history: r, currentIndex: i, onRestore: a, onClear: o, className: s = "", height: c, maxHeight: l = "600px" }) => {
+	let [u, d] = e(null), f = (e) => {
+		let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
+		return a > 0 ? `${a}d ago` : i > 0 ? `${i}h ago` : r > 0 ? `${r}m ago` : `${n}s ago`;
+	}, p = (e) => e.toLocaleTimeString("en-US", {
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	}), m = (e) => {
+		d(u === e ? null : e);
+	}, h = (e, t = 50) => {
+		let n = e.split("\n")[0];
+		return n.length > t ? n.substring(0, t) + "..." : n;
+	};
+	return /* @__PURE__ */ n("div", {
+		className: `history-panel bg-base-100 border border-base-300 rounded-lg p-2 ${s}`,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "history-header mb-2",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300",
+					children: [
+						/* @__PURE__ */ t("svg", {
+							className: "w-5 h-5",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+							})
+						}),
+						/* @__PURE__ */ t("span", {
+							className: "font-semibold",
+							children: "History"
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "text-xs opacity-60 ml-auto",
+							children: [
+								"(",
+								r.length,
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ t("div", {
+					className: "flex gap-2 mb-2",
+					children: /* @__PURE__ */ n("button", {
+						className: "btn btn-xs btn-ghost flex-1",
+						onClick: o,
+						disabled: r.length === 0,
+						title: "Clear history",
+						children: [/* @__PURE__ */ t("svg", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+							})
+						}), "Clear"]
+					})
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "history-content overflow-y-auto",
+				style: {
+					height: c,
+					maxHeight: c ? void 0 : l
+				},
+				children: r.length === 0 ? /* @__PURE__ */ t("div", {
+					className: "text-center text-sm opacity-60 py-4",
+					children: "No history yet"
+				}) : /* @__PURE__ */ t("div", {
+					className: "space-y-1",
+					children: [...r].reverse().map((e, o) => {
+						let s = r.length - 1 - o, c = u === e.id, l = s === i, d = e.content.split("\n").length, g = s + 1;
+						return /* @__PURE__ */ n("div", {
+							className: `history-item border rounded p-2 cursor-pointer transition-colors ${l ? "border-primary bg-primary/10" : "border-base-300 hover:bg-base-200"}`,
+							children: [/* @__PURE__ */ n("div", {
+								className: "flex items-start gap-2",
+								onClick: () => m(e.id),
+								children: [/* @__PURE__ */ n("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ n("div", {
+											className: "flex items-center gap-2 mb-1",
+											children: [
+												/* @__PURE__ */ n("span", {
+													className: "font-mono text-xs font-bold",
+													children: ["#", g]
+												}),
+												l && /* @__PURE__ */ t("span", {
+													className: "badge badge-primary badge-xs",
+													children: "Current"
+												}),
+												/* @__PURE__ */ t("span", {
+													className: "text-xs opacity-60 ml-auto",
+													children: f(e.timestamp)
+												})
+											]
+										}),
+										e.description && /* @__PURE__ */ t("div", {
+											className: "text-sm mb-1",
+											children: e.description
+										}),
+										/* @__PURE__ */ t("div", {
+											className: "text-xs font-mono opacity-70 truncate",
+											children: h(e.content)
+										}),
+										/* @__PURE__ */ n("div", {
+											className: "text-xs opacity-50 mt-1",
+											children: [
+												p(e.timestamp),
+												" • ",
+												d,
+												" lines"
+											]
+										})
+									]
+								}), /* @__PURE__ */ t("button", {
+									className: `btn btn-xs btn-ghost transition-transform ${c ? "rotate-180" : ""}`,
+									children: /* @__PURE__ */ t("svg", {
+										className: "w-4 h-4",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ t("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M19 9l-7 7-7-7"
+										})
+									})
+								})]
+							}), c && /* @__PURE__ */ n("div", {
+								className: "mt-2 pt-2 border-t border-base-300",
+								children: [/* @__PURE__ */ t("div", {
+									className: "bg-base-200 rounded p-2 mb-2 max-h-32 overflow-y-auto",
+									children: /* @__PURE__ */ t("pre", {
+										className: "text-xs font-mono whitespace-pre-wrap break-words",
+										children: e.content
+									})
+								}), /* @__PURE__ */ n("button", {
+									className: "btn btn-xs btn-primary w-full",
+									onClick: (e) => {
+										e.stopPropagation(), a(s);
+									},
+									disabled: l,
+									children: [/* @__PURE__ */ t("svg", {
+										className: "w-4 h-4 mr-1",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ t("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+										})
+									}), "Restore this version"]
+								})]
+							})]
+						}, e.id);
+					})
+				})
+			}),
+			/* @__PURE__ */ t("style", { children: "\n        .history-panel .history-item {\n          transition: all 0.2s ease;\n        }\n\n        .history-panel .history-item:hover {\n          transform: translateX(2px);\n        }\n      " })
+		]
+	});
 };
+//#endregion
+export { r as default };
 
 //# sourceMappingURL=HistoryPanel.js.map

package/dist/components/pro/CodeEditor/panels/HistoryPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryPanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/HistoryPanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport interface HistoryEntry {\n    id: string;\n    timestamp: Date;\n    content: string;\n    description?: string;\n}\n\nexport interface HistoryPanelProps {\n    history: HistoryEntry[];\n    currentIndex: number;\n    onRestore: (index: number) => void;\n    onClear?: () => void;\n    className?: string;\n    height?: string;\n    maxHeight?: string;\n}\n\nconst HistoryPanel: React.FC<HistoryPanelProps> = ({\n    history,\n    currentIndex,\n    onRestore,\n    onClear,\n    className = '',\n    height,\n    maxHeight = '600px',\n}) => {\n    const [expandedEntry, setExpandedEntry] = useState<string | null>(null);\n\n    const formatTimestamp = (date: Date) => {\n        const now = new Date();\n        const diff = now.getTime() - date.getTime();\n        const seconds = Math.floor(diff / 1000);\n        const minutes = Math.floor(seconds / 60);\n        const hours = Math.floor(minutes / 60);\n        const days = Math.floor(hours / 24);\n\n        if (days > 0) {\n            return `${days}d ago`;\n        } else if (hours > 0) {\n            return `${hours}h ago`;\n        } else if (minutes > 0) {\n            return `${minutes}m ago`;\n        } else {\n            return `${seconds}s ago`;\n        }\n    };\n\n    const formatTime = (date: Date) => {\n        return date.toLocaleTimeString('en-US', {\n            hour: '2-digit',\n            minute: '2-digit',\n            second: '2-digit',\n        });\n    };\n\n    const toggleExpand = (id: string) => {\n        setExpandedEntry(expandedEntry === id ? null : id);\n    };\n\n    const getContentPreview = (content: string, maxLength: number = 50) => {\n        const firstLine = content.split('\\n')[0];\n        if (firstLine.length > maxLength) {\n            return firstLine.substring(0, maxLength) + '...';\n        }\n        return firstLine;\n    };\n\n    return (\n        <div className={`history-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n            <div className=\"history-header mb-2\">\n                <div className=\"flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300\">\n                    <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n                        />\n                    </svg>\n                    <span className=\"font-semibold\">History</span>\n                    <span className=\"text-xs opacity-60 ml-auto\">({history.length})</span>\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex gap-2 mb-2\">\n                    <button\n                        className=\"btn btn-xs btn-ghost flex-1\"\n                        onClick={onClear}\n                        disabled={history.length === 0}\n                        title=\"Clear history\"\n                    >\n                        <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                            />\n                        </svg>\n                        Clear\n                    </button>\n                </div>\n            </div>\n\n            <div\n                className=\"history-content overflow-y-auto\"\n                style={{\n                    height: height,\n                    maxHeight: !height ? maxHeight : undefined\n                }}\n            >\n                {history.length === 0 ? (\n                    <div className=\"text-center text-sm opacity-60 py-4\">\n                        No history yet\n                    </div>\n                ) : (\n                    <div className=\"space-y-1\">\n                        {[...history].reverse().map((entry, reverseIndex) => {\n                            const index = history.length - 1 - reverseIndex;\n                            const isExpanded = expandedEntry === entry.id;\n                            const isCurrent = index === currentIndex;\n                            const lineCount = entry.content.split('\\n').length;\n                            const versionNumber = index + 1;\n\n                            return (\n                                <div\n                                    key={entry.id}\n                                    className={`history-item border rounded p-2 cursor-pointer transition-colors ${isCurrent\n                                            ? 'border-primary bg-primary/10'\n                                            : 'border-base-300 hover:bg-base-200'\n                                        }`}\n                                >\n                                    <div\n                                        className=\"flex items-start gap-2\"\n                                        onClick={() => toggleExpand(entry.id)}\n                                    >\n                                        <div className=\"flex-1 min-w-0\">\n                                            <div className=\"flex items-center gap-2 mb-1\">\n                                                <span className=\"font-mono text-xs font-bold\">\n                                                    #{versionNumber}\n                                                </span>\n                                                {isCurrent && (\n                                                    <span className=\"badge badge-primary badge-xs\">Current</span>\n                                                )}\n                                                <span className=\"text-xs opacity-60 ml-auto\">\n                                                    {formatTimestamp(entry.timestamp)}\n                                                </span>\n                                            </div>\n\n                                            {entry.description && (\n                                                <div className=\"text-sm mb-1\">{entry.description}</div>\n                                            )}\n\n                                            <div className=\"text-xs font-mono opacity-70 truncate\">\n                                                {getContentPreview(entry.content)}\n                                            </div>\n\n                                            <div className=\"text-xs opacity-50 mt-1\">\n                                                {formatTime(entry.timestamp)} • {lineCount} lines\n                                            </div>\n                                        </div>\n\n                                        <button\n                                            className={`btn btn-xs btn-ghost transition-transform ${isExpanded ? 'rotate-180' : ''\n                                                }`}\n                                        >\n                                            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                <path\n                                                    strokeLinecap=\"round\"\n                                                    strokeLinejoin=\"round\"\n                                                    strokeWidth={2}\n                                                    d=\"M19 9l-7 7-7-7\"\n                                                />\n                                            </svg>\n                                        </button>\n                                    </div>\n\n                                    {isExpanded && (\n                                        <div className=\"mt-2 pt-2 border-t border-base-300\">\n                                            <div className=\"bg-base-200 rounded p-2 mb-2 max-h-32 overflow-y-auto\">\n                                                <pre className=\"text-xs font-mono whitespace-pre-wrap break-words\">\n                                                    {entry.content}\n                                                </pre>\n                                            </div>\n\n                                            <button\n                                                className=\"btn btn-xs btn-primary w-full\"\n                                                onClick={(e) => {\n                                                    e.stopPropagation();\n                                                    onRestore(index);\n                                                }}\n                                                disabled={isCurrent}\n                                            >\n                                                <svg\n                                                    className=\"w-4 h-4 mr-1\"\n                                                    fill=\"none\"\n                                                    viewBox=\"0 0 24 24\"\n                                                    stroke=\"currentColor\"\n                                                >\n                                                    <path\n                                                        strokeLinecap=\"round\"\n                                                        strokeLinejoin=\"round\"\n                                                        strokeWidth={2}\n                                                        d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n                                                    />\n                                                </svg>\n                                                Restore this version\n                                            </button>\n                                        </div>\n                                    )}\n                                </div>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <style>{`\n        .history-panel .history-item {\n          transition: all 0.2s ease;\n        }\n\n        .history-panel .history-item:hover {\n          transform: translateX(2px);\n        }\n      `}</style>\n        </div>\n    );\n};\n\nexport default HistoryPanel;\n\n"],"mappings":"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"}
+{"version":3,"file":"HistoryPanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/HistoryPanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport interface HistoryEntry {\n    id: string;\n    timestamp: Date;\n    content: string;\n    description?: string;\n}\n\nexport interface HistoryPanelProps {\n    history: HistoryEntry[];\n    currentIndex: number;\n    onRestore: (index: number) => void;\n    onClear?: () => void;\n    className?: string;\n    height?: string;\n    maxHeight?: string;\n}\n\nconst HistoryPanel: React.FC<HistoryPanelProps> = ({\n    history,\n    currentIndex,\n    onRestore,\n    onClear,\n    className = '',\n    height,\n    maxHeight = '600px',\n}) => {\n    const [expandedEntry, setExpandedEntry] = useState<string | null>(null);\n\n    const formatTimestamp = (date: Date) => {\n        const now = new Date();\n        const diff = now.getTime() - date.getTime();\n        const seconds = Math.floor(diff / 1000);\n        const minutes = Math.floor(seconds / 60);\n        const hours = Math.floor(minutes / 60);\n        const days = Math.floor(hours / 24);\n\n        if (days > 0) {\n            return `${days}d ago`;\n        } else if (hours > 0) {\n            return `${hours}h ago`;\n        } else if (minutes > 0) {\n            return `${minutes}m ago`;\n        } else {\n            return `${seconds}s ago`;\n        }\n    };\n\n    const formatTime = (date: Date) => {\n        return date.toLocaleTimeString('en-US', {\n            hour: '2-digit',\n            minute: '2-digit',\n            second: '2-digit',\n        });\n    };\n\n    const toggleExpand = (id: string) => {\n        setExpandedEntry(expandedEntry === id ? null : id);\n    };\n\n    const getContentPreview = (content: string, maxLength: number = 50) => {\n        const firstLine = content.split('\\n')[0];\n        if (firstLine.length > maxLength) {\n            return firstLine.substring(0, maxLength) + '...';\n        }\n        return firstLine;\n    };\n\n    return (\n        <div className={`history-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n            <div className=\"history-header mb-2\">\n                <div className=\"flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300\">\n                    <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n                        />\n                    </svg>\n                    <span className=\"font-semibold\">History</span>\n                    <span className=\"text-xs opacity-60 ml-auto\">({history.length})</span>\n                </div>\n\n                {/* Actions */}\n                <div className=\"flex gap-2 mb-2\">\n                    <button\n                        className=\"btn btn-xs btn-ghost flex-1\"\n                        onClick={onClear}\n                        disabled={history.length === 0}\n                        title=\"Clear history\"\n                    >\n                        <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                strokeWidth={2}\n                                d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n                            />\n                        </svg>\n                        Clear\n                    </button>\n                </div>\n            </div>\n\n            <div\n                className=\"history-content overflow-y-auto\"\n                style={{\n                    height: height,\n                    maxHeight: !height ? maxHeight : undefined\n                }}\n            >\n                {history.length === 0 ? (\n                    <div className=\"text-center text-sm opacity-60 py-4\">\n                        No history yet\n                    </div>\n                ) : (\n                    <div className=\"space-y-1\">\n                        {[...history].reverse().map((entry, reverseIndex) => {\n                            const index = history.length - 1 - reverseIndex;\n                            const isExpanded = expandedEntry === entry.id;\n                            const isCurrent = index === currentIndex;\n                            const lineCount = entry.content.split('\\n').length;\n                            const versionNumber = index + 1;\n\n                            return (\n                                <div\n                                    key={entry.id}\n                                    className={`history-item border rounded p-2 cursor-pointer transition-colors ${isCurrent\n                                            ? 'border-primary bg-primary/10'\n                                            : 'border-base-300 hover:bg-base-200'\n                                        }`}\n                                >\n                                    <div\n                                        className=\"flex items-start gap-2\"\n                                        onClick={() => toggleExpand(entry.id)}\n                                    >\n                                        <div className=\"flex-1 min-w-0\">\n                                            <div className=\"flex items-center gap-2 mb-1\">\n                                                <span className=\"font-mono text-xs font-bold\">\n                                                    #{versionNumber}\n                                                </span>\n                                                {isCurrent && (\n                                                    <span className=\"badge badge-primary badge-xs\">Current</span>\n                                                )}\n                                                <span className=\"text-xs opacity-60 ml-auto\">\n                                                    {formatTimestamp(entry.timestamp)}\n                                                </span>\n                                            </div>\n\n                                            {entry.description && (\n                                                <div className=\"text-sm mb-1\">{entry.description}</div>\n                                            )}\n\n                                            <div className=\"text-xs font-mono opacity-70 truncate\">\n                                                {getContentPreview(entry.content)}\n                                            </div>\n\n                                            <div className=\"text-xs opacity-50 mt-1\">\n                                                {formatTime(entry.timestamp)} • {lineCount} lines\n                                            </div>\n                                        </div>\n\n                                        <button\n                                            className={`btn btn-xs btn-ghost transition-transform ${isExpanded ? 'rotate-180' : ''\n                                                }`}\n                                        >\n                                            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                <path\n                                                    strokeLinecap=\"round\"\n                                                    strokeLinejoin=\"round\"\n                                                    strokeWidth={2}\n                                                    d=\"M19 9l-7 7-7-7\"\n                                                />\n                                            </svg>\n                                        </button>\n                                    </div>\n\n                                    {isExpanded && (\n                                        <div className=\"mt-2 pt-2 border-t border-base-300\">\n                                            <div className=\"bg-base-200 rounded p-2 mb-2 max-h-32 overflow-y-auto\">\n                                                <pre className=\"text-xs font-mono whitespace-pre-wrap break-words\">\n                                                    {entry.content}\n                                                </pre>\n                                            </div>\n\n                                            <button\n                                                className=\"btn btn-xs btn-primary w-full\"\n                                                onClick={(e) => {\n                                                    e.stopPropagation();\n                                                    onRestore(index);\n                                                }}\n                                                disabled={isCurrent}\n                                            >\n                                                <svg\n                                                    className=\"w-4 h-4 mr-1\"\n                                                    fill=\"none\"\n                                                    viewBox=\"0 0 24 24\"\n                                                    stroke=\"currentColor\"\n                                                >\n                                                    <path\n                                                        strokeLinecap=\"round\"\n                                                        strokeLinejoin=\"round\"\n                                                        strokeWidth={2}\n                                                        d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n                                                    />\n                                                </svg>\n                                                Restore this version\n                                            </button>\n                                        </div>\n                                    )}\n                                </div>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <style>{`\n        .history-panel .history-item {\n          transition: all 0.2s ease;\n        }\n\n        .history-panel .history-item:hover {\n          transform: translateX(2px);\n        }\n      `}</style>\n        </div>\n    );\n};\n\nexport default HistoryPanel;\n\n"],"mappings":"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"}