[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_528":529,"_530":531},"routes/_app.x.$handle.$name",{"_96":95,"_31":43,"_104":86,"_26":51,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",43,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/styles/components/_settings.scss","latestPath","fileId","0c26e34e-e2e9-11f0-9dc9-42dde27851f2","name","_settings.scss","fileType","content","// Settings View Styles\n// Modernized with card-based layout and tight typography\n\n.settings-view {\n display: flex;\n flex: 1;\n min-height: 0;\n background-color: var(--color-bg-muted, #f8fafc); // Changed to muted for card contrast\n}\n\n.settings-layout {\n display: flex;\n flex: 1;\n min-height: 0;\n}\n\n.settings-sidebar {\n display: flex;\n flex-direction: column;\n width: 160px; // Slightly wider\n padding: .25rem .25rem;\n background-color: var(--color-bg-primary, #ffffff); // White sidebar\n border-right: 1px solid var(--color-border, #e2e8f0);\n flex-shrink: 0;\n gap: 1px;\n}\n\n// ==========================================================================\n// Mobile Tabs (shown above content on mobile)\n// ==========================================================================\n\n.settings-mobile-tabs {\n display: none; // Hidden on desktop\n}\n\n// ==========================================================================\n// Mobile Responsive\n// ==========================================================================\n\n@media (max-width: 768px) {\n // Hide desktop sidebar on mobile\n .settings-sidebar-desktop {\n display: none !important;\n }\n \n // Show mobile tabs\n .settings-mobile-tabs {\n display: flex;\n gap: 0.25rem;\n padding: 0.5rem;\n margin: -1rem -0.75rem 1rem -0.75rem; // Negative margin to extend to edges\n background-color: var(--color-bg-primary, #ffffff);\n border-bottom: 1px solid var(--color-border, #e2e8f0);\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n \n // Hide scrollbar\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n }\n \n .settings-mobile-tab {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.5rem 0.75rem;\n border: 1px solid var(--color-border, #e2e8f0);\n border-radius: 0.5rem;\n background-color: var(--color-bg-primary, #ffffff);\n color: var(--color-text-secondary, #64748b);\n font-size: 0.75rem;\n font-weight: 500;\n white-space: nowrap;\n cursor: pointer;\n transition: all 0.15s ease;\n flex-shrink: 0;\n \n .iconify {\n width: 0.875rem;\n height: 0.875rem;\n flex-shrink: 0;\n }\n \n &:hover {\n background-color: var(--color-bg-muted, #f1f5f9);\n border-color: var(--color-border-hover, #cbd5e1);\n }\n \n &.active {\n background-color: var(--color-primary-light, #dbeafe);\n border-color: var(--color-primary, #3b82f6);\n color: var(--color-primary, #3b82f6);\n font-weight: 600;\n }\n }\n \n .settings-content {\n padding: 1rem 0.75rem;\n }\n}\n\n.settings-nav-item {\n display: flex;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 0.75rem; // Tighter padding\n border: none;\n border-radius: 0.375rem;\n background-color: transparent;\n color: var(--color-text-secondary, #64748b);\n font-size: 0.8125rem; // Smaller font\n font-weight: 500;\n text-align: left;\n cursor: pointer;\n transition: all 0.15s ease;\n outline: none;\n \n &:hover {\n background-color: var(--color-bg-muted, #f1f5f9);\n color: var(--color-text-primary, #0f172a);\n }\n \n &:focus-visible {\n outline: 2px solid var(--color-primary, #3b82f6);\n outline-offset: -2px;\n }\n \n &.active {\n background-color: var(--color-bg-muted, #f1f5f9);\n color: var(--color-text-primary, #0f172a);\n font-weight: 600;\n }\n \n .iconify {\n width: 1rem; // Smaller icon\n height: 1rem;\n flex-shrink: 0;\n opacity: 0.8;\n }\n}\n\n.settings-content {\n flex: 1;\n overflow-y: auto;\n padding: 1rem; // More breathing room around cards\n max-width: 900px;\n margin: 0 auto; // Center content\n}\n\n// Typography Helpers (Scoped to settings if needed, but using Tailwind classes mostly)\n.text-muted-foreground {\n color: var(--color-text-muted, #94a3b8);\n}\n\n.text-foreground {\n color: var(--color-text-primary, #0f172a);\n}\n\n// Form Elements\n.form-label {\n display: block;\n margin-bottom: 0.375rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--color-text-primary, #0f172a);\n}\n\n.form-select {\n width: 100%;\n padding: 0.375rem 0.625rem;\n font-size: 0.8125rem;\n color: var(--color-text-primary, #0f172a);\n background-color: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e2e8f0);\n border-radius: 0.375rem;\n outline: none;\n transition: border-color 0.15s ease, box-shadow 0.15s ease;\n \n &:focus {\n border-color: var(--color-primary, #3b82f6);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n }\n \n &:hover {\n border-color: var(--color-border-hover, #cbd5e1);\n }\n}\n\n// Checkboxes use the default design system styles\n// No custom overrides needed here\n\n// Buttons\n.btn-gray-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem 0.75rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--color-text-primary, #0f172a);\n background-color: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e2e8f0);\n border-radius: 0.375rem;\n cursor: pointer;\n transition: all 0.15s ease;\n line-height: 1;\n \n &:hover {\n background-color: var(--color-bg-muted, #f8fafc);\n border-color: var(--color-border-hover, #cbd5e1);\n }\n \n &:active {\n transform: scale(0.98);\n }\n \n &:focus-visible {\n outline: 2px solid var(--color-primary, #3b82f6);\n outline-offset: 2px;\n }\n}\n\n.btn-danger-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem 0.75rem;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #dc2626;\n background-color: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 0.375rem;\n cursor: pointer;\n transition: all 0.15s ease;\n line-height: 1;\n \n &:hover {\n background-color: #fee2e2;\n border-color: #fca5a5;\n }\n \n &:active {\n transform: scale(0.98);\n }\n \n &:focus-visible {\n outline: 2px solid #dc2626;\n outline-offset: 2px;\n }\n}\n\n// Button Sizes\n.btn-sm {\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n height: 28px;\n}\n\n// ==========================================================================\n// Models Table Styling (extends expandable table)\n// ==========================================================================\n\n.models-table-container {\n border: 1px solid var(--color-border, #e2e8f0);\n border-radius: 0.5rem;\n overflow: hidden;\n background-color: #f4f4f5; // gray-100\n padding: 0 0.5rem 0.5rem 0.5rem;\n \n // Override theme-scope details styling for expandable rows\n details.expandable-row {\n border-radius: 0;\n padding: 0;\n margin-bottom: 0;\n border-bottom: 1px solid var(--color-border, #e2e8f0);\n \n &:last-of-type {\n border-bottom: none !important;\n }\n }\n}\n\n.models-table-body {\n background-color: var(--color-bg-primary, #ffffff);\n border-radius: 0.5rem;\n border: 1px solid var(--color-border, #e2e8f0);\n overflow: hidden;\n}\n","createdAt",["D",1766815100746],"branchVersion","branchId","eb028344-e2e8-11f0-bb4a-42dde27851f2","id","eb0227b4-e2e8-11f0-bb4a-42dde27851f2","chat",["D",1766815045152],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","eb0227b4e2e811f0bb4a42dde27851f2","tursoHostname","eb0227b4e2e811f0bb4a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530642963],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"isOwned",206,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yawnxyz","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":523,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":63,"_64":65,"_66":524,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":525,"_80":526,"_82":527,"_84":24},"tree",[182,185,186,187,223,224],"files",[182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224],"counts",{"_172":59,"_173":152,"_174":59,"_175":176,"_177":178},"contents",[125,126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":166,"_31":167,"_29":168,"_134":-5,"_39":40,"_38":169,"_136":145,"_36":170,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":171},{"_41":161,"_31":43,"_29":162,"_134":-5,"_39":40,"_38":163,"_136":24,"_36":164,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":165},{"_41":155,"_31":156,"_29":157,"_134":-5,"_39":40,"_38":158,"_136":24,"_36":159,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":160},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":145,"_36":153,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":154},{"_41":142,"_31":48,"_29":143,"_134":-5,"_39":40,"_38":144,"_136":145,"_36":146,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":148},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":137,"_13":59,"_33":138,"_34":139,"_23":24,"_140":-5,"_26":141},"0b7e66a6-e2e9-11f0-9dc9-42dde27851f2","main.tsx","0b7e6782-e2e9-11f0-9dc9-42dde27851f2","parentId",19,"latest",["D",1766815099653],"script","// Chat App - Standalone Hono Server with Monaco support\n// Can run independently with: deno task serve\nimport { createApp } from \"./backend/index.ts\";\n\nconst app = createApp(import.meta.url);\n\n// Export app.fetch for Val Town, otherwise export app — this is only for hono apps\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n","label",[132],"0a230460-e2e9-11f0-b141-42dde27851f2","0a230546-e2e9-11f0-b141-42dde27851f2",5,true,["D",1766815097374],"directory",[48],"09c1524c-e2e9-11f0-b941-42dde27851f2","frontend","09c152e2-e2e9-11f0-b941-42dde27851f2",1,["D",1766815096734],[150],"09f10fa0-e2e9-11f0-8ff9-42dde27851f2","chatter","09f11054-e2e9-11f0-8ff9-42dde27851f2",3,["D",1766815097047],[156],"09d7d6ca-e2e9-11f0-a5e5-42dde27851f2","09d7d7ba-e2e9-11f0-a5e5-42dde27851f2",2,["D",1766815096882],[43],"0a094de0-e2e9-11f0-8ff9-42dde27851f2","backend","0a094ebc-e2e9-11f0-8ff9-42dde27851f2",4,["D",1766815097206],[167],"pulls","branches","forks","envVars",{"_179":59,"_181":59},"connections",{"_179":59,"_180":59},"count","unfilledCount","emptyCount",{"_41":166,"_31":167,"_29":168,"_134":-5,"_39":40,"_38":169,"_136":145,"_36":520,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":521,"_26":522},{"_41":513,"_31":514,"_29":515,"_134":168,"_39":40,"_38":516,"_136":145,"_36":517,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":518,"_26":519},{"_41":506,"_31":507,"_29":508,"_134":168,"_39":40,"_38":509,"_136":145,"_36":510,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":511,"_26":512},{"_41":161,"_31":43,"_29":162,"_134":-5,"_39":40,"_38":163,"_136":24,"_36":503,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":504,"_26":505},{"_41":155,"_31":156,"_29":157,"_134":-5,"_39":40,"_38":158,"_136":24,"_36":500,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":501,"_26":502},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":145,"_36":497,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":498,"_26":499},{"_41":492,"_31":387,"_29":381,"_134":151,"_39":40,"_38":493,"_136":145,"_36":494,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":495,"_26":496},{"_41":484,"_31":485,"_29":486,"_134":381,"_39":40,"_38":487,"_136":24,"_36":488,"_13":59,"_33":138,"_34":489,"_23":24,"_140":-5,"_226":490,"_26":491},{"_41":476,"_31":477,"_29":478,"_134":381,"_39":40,"_38":479,"_136":24,"_36":480,"_13":59,"_33":138,"_34":481,"_23":24,"_140":-5,"_226":482,"_26":483},{"_41":468,"_31":469,"_29":470,"_134":381,"_39":40,"_38":471,"_136":24,"_36":472,"_13":59,"_33":138,"_34":473,"_23":24,"_140":-5,"_226":474,"_26":475},{"_41":460,"_31":461,"_29":462,"_134":381,"_39":40,"_38":463,"_136":24,"_36":464,"_13":59,"_33":138,"_34":465,"_23":24,"_140":-5,"_226":466,"_26":467},{"_41":452,"_31":453,"_29":454,"_134":381,"_39":40,"_38":455,"_136":145,"_36":456,"_13":59,"_33":138,"_34":457,"_23":24,"_140":-5,"_226":458,"_26":459},{"_41":444,"_31":445,"_29":446,"_134":381,"_39":40,"_38":447,"_136":24,"_36":448,"_13":59,"_33":138,"_34":449,"_23":24,"_140":-5,"_226":450,"_26":451},{"_41":436,"_31":437,"_29":438,"_134":381,"_39":40,"_38":439,"_136":145,"_36":440,"_13":59,"_33":138,"_34":441,"_23":24,"_140":-5,"_226":442,"_26":443},{"_41":428,"_31":429,"_29":430,"_134":381,"_39":40,"_38":431,"_136":24,"_36":432,"_13":59,"_33":138,"_34":433,"_23":24,"_140":-5,"_226":434,"_26":435},{"_41":420,"_31":421,"_29":422,"_134":381,"_39":40,"_38":423,"_136":24,"_36":424,"_13":59,"_33":138,"_34":425,"_23":24,"_140":-5,"_226":426,"_26":427},{"_41":412,"_31":413,"_29":414,"_134":381,"_39":40,"_38":415,"_136":24,"_36":416,"_13":59,"_33":138,"_34":417,"_23":24,"_140":-5,"_226":418,"_26":419},{"_41":404,"_31":405,"_29":406,"_134":381,"_39":40,"_38":407,"_136":145,"_36":408,"_13":59,"_33":138,"_34":409,"_23":24,"_140":-5,"_226":410,"_26":411},{"_41":396,"_31":397,"_29":398,"_134":381,"_39":40,"_38":399,"_136":24,"_36":400,"_13":59,"_33":138,"_34":401,"_23":24,"_140":-5,"_226":402,"_26":403},{"_41":388,"_31":389,"_29":390,"_134":381,"_39":40,"_38":391,"_136":24,"_36":392,"_13":59,"_33":138,"_34":393,"_23":24,"_140":-5,"_226":394,"_26":395},{"_41":378,"_31":379,"_29":380,"_134":381,"_39":40,"_38":382,"_136":24,"_36":383,"_13":59,"_33":138,"_34":384,"_23":24,"_140":-5,"_226":385,"_26":386},{"_41":373,"_31":241,"_29":235,"_134":151,"_39":40,"_38":374,"_136":145,"_36":375,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":376,"_26":377},{"_41":368,"_31":335,"_29":331,"_134":235,"_39":40,"_38":369,"_136":145,"_36":370,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":371,"_26":372},{"_41":360,"_31":361,"_29":362,"_134":331,"_39":40,"_38":363,"_136":24,"_36":364,"_13":59,"_33":20,"_34":365,"_23":24,"_140":-5,"_226":366,"_26":367},{"_41":352,"_31":353,"_29":354,"_134":331,"_39":40,"_38":355,"_136":24,"_36":356,"_13":59,"_33":20,"_34":357,"_23":24,"_140":-5,"_226":358,"_26":359},{"_41":344,"_31":345,"_29":346,"_134":331,"_39":40,"_38":347,"_136":24,"_36":348,"_13":59,"_33":20,"_34":349,"_23":24,"_140":-5,"_226":350,"_26":351},{"_41":336,"_31":337,"_29":338,"_134":331,"_39":40,"_38":339,"_136":24,"_36":340,"_13":59,"_33":20,"_34":341,"_23":24,"_140":-5,"_226":342,"_26":343},{"_41":330,"_31":32,"_29":30,"_134":331,"_39":40,"_38":14,"_136":24,"_36":332,"_13":59,"_33":20,"_34":35,"_23":24,"_140":-5,"_226":333,"_26":334},{"_41":325,"_31":282,"_29":277,"_134":235,"_39":40,"_38":326,"_136":145,"_36":327,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":328,"_26":329},{"_41":318,"_31":319,"_29":320,"_134":277,"_39":40,"_38":321,"_136":145,"_36":322,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":323,"_26":324},{"_41":311,"_31":312,"_29":313,"_134":277,"_39":40,"_38":314,"_136":145,"_36":315,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":316,"_26":317},{"_41":304,"_31":305,"_29":306,"_134":277,"_39":40,"_38":307,"_136":145,"_36":308,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":309,"_26":310},{"_41":297,"_31":298,"_29":299,"_134":277,"_39":40,"_38":300,"_136":145,"_36":301,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":302,"_26":303},{"_41":290,"_31":291,"_29":292,"_134":277,"_39":40,"_38":293,"_136":145,"_36":294,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":295,"_26":296},{"_41":283,"_31":284,"_29":285,"_134":277,"_39":40,"_38":286,"_136":145,"_36":287,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":288,"_26":289},{"_41":274,"_31":275,"_29":276,"_134":277,"_39":40,"_38":278,"_136":145,"_36":279,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":280,"_26":281},{"_41":266,"_31":267,"_29":268,"_134":235,"_39":40,"_38":269,"_136":24,"_36":270,"_13":59,"_33":20,"_34":271,"_23":24,"_140":-5,"_226":272,"_26":273},{"_41":258,"_31":259,"_29":260,"_134":235,"_39":40,"_38":261,"_136":24,"_36":262,"_13":59,"_33":20,"_34":263,"_23":24,"_140":-5,"_226":264,"_26":265},{"_41":250,"_31":251,"_29":252,"_134":235,"_39":40,"_38":253,"_136":24,"_36":254,"_13":59,"_33":20,"_34":255,"_23":24,"_140":-5,"_226":256,"_26":257},{"_41":242,"_31":243,"_29":244,"_134":235,"_39":40,"_38":245,"_136":24,"_36":246,"_13":59,"_33":20,"_34":247,"_23":24,"_140":-5,"_226":248,"_26":249},{"_41":232,"_31":233,"_29":234,"_134":235,"_39":40,"_38":236,"_136":24,"_36":237,"_13":59,"_33":138,"_34":238,"_23":24,"_140":-5,"_226":239,"_26":240},{"_41":142,"_31":48,"_29":143,"_134":-5,"_39":40,"_38":144,"_136":145,"_36":229,"_13":59,"_33":147,"_34":-5,"_23":24,"_140":-5,"_226":230,"_26":231},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":225,"_13":59,"_33":138,"_34":139,"_23":24,"_140":-5,"_226":227,"_26":228},["D",1766815099653],"children",[],[132],["D",1766815097374],[],[48],"0bf44b3c-e2e9-11f0-b941-42dde27851f2","tailwind.config.js","0bf44c04-e2e9-11f0-b941-42dde27851f2","0a5845a8-e2e9-11f0-8ff9-42dde27851f2",35,["D",1766815100412],"/** @type {import('tailwindcss').Config} */\nexport default {\n content: [\n \"../index.html\",\n \"../src/**/*.js\",\n \"../main.tsx\",\n \"./app.scss\",\n ],\n theme: {\n extend: {},\n },\n plugins: [],\n}\n\n",[],[150,241,233],"styles","0bed5016-e2e9-11f0-9dc9-42dde27851f2","chat-app-4.css","0bed50c0-e2e9-11f0-9dc9-42dde27851f2",33,["D",1766815100380],".chat-settings-trigger:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-settings-trigger.active{background-color:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.chat-settings-trigger .iconify{width:1rem;height:1rem}.chat-right-sidebar-overlay{display:none}@media(max-width: 768px){.chat-right-sidebar-overlay{position:fixed;inset:0;z-index:49;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s;display:block}.chat-right-sidebar-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.chat-right-sidebar{position:fixed;right:0;top:0;z-index:50;box-shadow:-4px 0 15px rgba(0,0,0,.1)}.chat-right-sidebar-collapsed{transform:translateX(100%);width:320px;margin-right:0}}.chat-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;height:100%}.chat-settings-empty .iconify{width:2.5rem;height:2.5rem;margin-bottom:.75rem;color:var(--color-text-muted, #94a3b8)}.chat-settings-empty p{font-size:.8125rem;color:var(--color-text-muted, #94a3b8);margin:0}.settings-view{display:flex;flex:1;min-height:0;background-color:var(--color-bg-muted, #f8fafc)}.settings-layout{display:flex;flex:1;min-height:0}.settings-sidebar{display:flex;flex-direction:column;width:160px;padding:.25rem .25rem;background-color:var(--color-bg-primary, #ffffff);border-right:1px solid var(--color-border, #e2e8f0);flex-shrink:0;gap:1px}.settings-mobile-tabs{display:none}@media(max-width: 768px){.settings-sidebar-desktop{display:none !important}.settings-mobile-tabs{display:flex;gap:.25rem;padding:.5rem;margin:-1rem -0.75rem 1rem -0.75rem;background-color:var(--color-bg-primary, #ffffff);border-bottom:1px solid var(--color-border, #e2e8f0);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-mobile-tabs::-webkit-scrollbar{display:none}.settings-mobile-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #64748b);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;flex-shrink:0}.settings-mobile-tab .iconify{width:.875rem;height:.875rem;flex-shrink:0}.settings-mobile-tab:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-border-hover, #cbd5e1)}.settings-mobile-tab.active{background-color:var(--color-primary-light, #dbeafe);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);font-weight:600}.settings-content{padding:1rem .75rem}}.settings-nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-secondary, #64748b);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;outline:none}.settings-nav-item:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.settings-nav-item:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.settings-nav-item.active{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);font-weight:600}.settings-nav-item .iconify{width:1rem;height:1rem;flex-shrink:0;opacity:.8}.settings-content{flex:1;overflow-y:auto;padding:1rem;max-width:900px;margin:0 auto}.text-muted-foreground{color:var(--color-text-muted, #94a3b8)}.text-foreground{color:var(--color-text-primary, #0f172a)}.form-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a)}.form-select{width:100%;padding:.375rem .625rem;font-size:.8125rem;color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-select:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select:hover{border-color:var(--color-border-hover, #cbd5e1)}.btn-gray-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;cursor:pointer;transition:all .15s ease;line-height:1}.btn-gray-secondary:hover{background-color:var(--color-bg-muted, #f8fafc);border-color:var(--color-border-hover, #cbd5e1)}.btn-gray-secondary:active{transform:scale(0.98)}.btn-gray-secondary:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:all .15s ease;line-height:1}.btn-danger-soft:hover{background-color:#fee2e2;border-color:#fca5a5}.btn-danger-soft:active{transform:scale(0.98)}.btn-danger-soft:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.btn-sm{padding:.25rem .5rem;font-size:.75rem;height:28px}.models-table-container{border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;overflow:hidden;background-color:#f4f4f5;padding:0 .5rem .5rem .5rem}.models-table-container details.expandable-row{border-radius:0;padding:0;margin-bottom:0;border-bottom:1px solid var(--color-border, #e2e8f0)}.models-table-container details.expandable-row:last-of-type{border-bottom:none !important}.models-table-body{background-color:var(--color-bg-primary, #ffffff);border-radius:.5rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.theme-scope{padding:0px !important;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",[],[150,241,243],"0c0f7524-e2e9-11f0-a62a-42dde27851f2","chat-app-3.css","0c0f75c4-e2e9-11f0-a62a-42dde27851f2",39,["D",1766815100588],".theme-scope .time-picker-single-input:hover{border-color:var(--color-primary)}.theme-scope .time-picker-single-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .time-picker-single-input::placeholder{color:var(--color-text-muted)}.theme-scope .time-picker-input{display:inline-flex;align-items:center;gap:0;padding:.5rem .5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;font-family:inherit;height:38px}.theme-scope .time-picker-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .time-segment{width:1.25rem;padding:0;border:none;background:rgba(0,0,0,0);font-size:.875rem;font-family:inherit;text-align:center;color:var(--color-text-primary)}.theme-scope .time-segment:focus{outline:none;background-color:var(--color-primary-light);border-radius:.25rem}.theme-scope .time-separator{font-size:.875rem;color:var(--color-text-muted);user-select:none}.theme-scope .time-period-btn{margin-left:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;font-family:inherit;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .time-period-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .datetime-result{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .datetime-result .iconify{color:var(--color-primary);font-size:1.125rem}.theme-scope .nlp-picker-container{width:100%;max-width:500px}.theme-scope .nlp-picker-content{display:flex;flex-direction:column;gap:.75rem}.theme-scope .nlp-input-wrapper{position:relative;display:flex;align-items:center}.theme-scope .nlp-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);transition:all .15s ease}.theme-scope .nlp-input::placeholder{color:var(--color-text-muted)}.theme-scope .nlp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .nlp-calendar-btn{position:absolute;right:.5rem;padding:.375rem;background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);cursor:pointer;border-radius:.25rem;transition:all .15s ease}.theme-scope .nlp-calendar-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .nlp-calendar-btn .iconify{font-size:1.125rem;display:block}.theme-scope .nlp-result{padding:.75rem 1rem;background-color:var(--color-success-light);border:1px solid var(--color-success);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.theme-scope .nlp-result strong{color:var(--color-success-dark);font-weight:600}.theme-scope .nlp-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:.5rem;font-size:.875rem;color:var(--color-danger-dark)}.theme-scope .nlp-error .iconify{font-size:1.125rem;flex-shrink:0}.theme-scope .nlp-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.theme-scope .nlp-examples-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.theme-scope .nlp-example-btn{padding:.25rem .625rem;font-size:.75rem;font-family:inherit;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .nlp-example-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);border-color:var(--color-primary)}.theme-scope .drawer-overlay{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s}.theme-scope .drawer-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.theme-scope .drawer{position:fixed;z-index:51;background-color:var(--color-bg-primary);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(0.32, 0.72, 0, 1);pointer-events:none}.theme-scope .drawer.open{pointer-events:auto}.theme-scope .drawer-bottom{inset-inline:0;bottom:0;max-height:96vh;border-radius:0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom, 0)}.theme-scope .drawer-bottom::after{content:\"\";position:absolute;left:0;right:0;bottom:-50px;height:50px;background-color:inherit;pointer-events:none}.theme-scope .drawer-bottom.open{transform:translateY(0)}.theme-scope .drawer-right{top:0;right:0;bottom:0;width:100%;max-width:24rem;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);transform:translateX(100%)}.theme-scope .drawer-right.open{transform:translateX(0)}.theme-scope .drawer-left{top:0;left:0;bottom:0;width:100%;max-width:24rem;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);transform:translateX(-100%)}.theme-scope .drawer-left.open{transform:translateX(0)}.theme-scope .drawer-top{inset-inline:0;top:0;max-height:96vh;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);transform:translateY(-100%)}.theme-scope .drawer-top.open{transform:translateY(0)}.theme-scope .drawer-sm{max-width:20rem}.theme-scope .drawer-md{max-width:28rem}.theme-scope .drawer-lg{max-width:36rem}.theme-scope .drawer-xl{max-width:48rem}.theme-scope .drawer-full{max-width:100%;border-radius:0}.theme-scope .drawer-h-sm{max-height:40vh}.theme-scope .drawer-h-md{max-height:60vh}.theme-scope .drawer-h-lg{max-height:80vh}.theme-scope .drawer-handle{display:flex;justify-content:center;padding:.75rem;padding-top:1rem;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .15s ease}.theme-scope .drawer-handle:hover{background-color:var(--color-bg-secondary)}.theme-scope .drawer-handle:active{cursor:grabbing}.theme-scope .drawer-handle-bar{width:3rem;height:.25rem;background-color:var(--color-border-light);border-radius:var(--radius-full);transition:background-color .15s ease,transform .15s ease}.theme-scope .drawer-handle:hover .drawer-handle-bar{background-color:var(--color-border);transform:scaleX(1.1)}.theme-scope .drawer-handle:active .drawer-handle-bar{background-color:var(--color-text-muted)}.theme-scope .drawer-header{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;text-align:center}.theme-scope .drawer-header-left{text-align:left}.theme-scope .drawer-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.375;margin:0}.theme-scope .drawer-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.theme-scope .drawer-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.theme-scope .drawer-content-centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-scope .drawer-footer{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.theme-scope .drawer-footer-row{flex-direction:row;justify-content:flex-end;gap:.75rem}.theme-scope .drawer-close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-text-muted);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out}.theme-scope .drawer-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.theme-scope .drawer-close:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring)}@media(min-width: 640px){.theme-scope .drawer-bottom-centered{max-width:32rem;margin-inline:auto;left:50%;transform:translateX(-50%) translateY(100%)}.theme-scope .drawer-bottom-centered.open{transform:translateX(-50%) translateY(0)}}.theme-scope .drawer-inner-card{width:100%;max-width:24rem;margin-inline:auto}.theme-scope .drawer-snap-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--color-border);opacity:.5}.theme-scope{--font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace;--font-display: 'Space Grotesk', -apple-system, system-ui, sans-serif;--font-marketing: 'Space Grotesk', -apple-system, system-ui, sans-serif;--font-sans: -apple-system, system-ui, Inter, Roboto, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;font-family:var(--font-sans);background-color:#fff;color:#2d2f33;line-height:1.5;-webkit-font-smoothing:antialiased}.theme-scope .font-mono,.theme-scope code,.theme-scope pre,.theme-scope kbd,.theme-scope samp,.theme-scope tt,.theme-scope input[style*=font-mono],.theme-scope textarea[style*=font-mono],.theme-scope [style*=\"font-family: var(--font-mono\"],.theme-scope *[style*=\"var(--font-mono\"]{font-weight:400 !important}.theme-scope{--groq-orange-50: #fff5e5;--groq-orange-100: #ffe8cc;--groq-orange-200: #ffd1a3;--groq-orange-300: #ffb973;--groq-orange-400: #fe9e20;--groq-orange-500: #f48b0a;--groq-orange-600: #f43e01;--groq-orange-700: #c23101;--groq-orange-800: #9a2701;--groq-orange-900: #731d00;--groq-orange-950: #4d1300;--groq-gray-50: #f9f9f8;--groq-gray-100: #f3f3ee;--groq-gray-200: #e8e8e0;--groq-gray-300: #cecebf;--groq-gray-400: #9f9f92;--groq-gray-500: #69695d;--groq-gray-600: #4e4e45;--groq-gray-700: #2d2f33;--groq-gray-800: #26292e;--groq-gray-900: #1a1c1f;--groq-gray-950: #0f1011;--groq-black: #000000;--groq-white: #ffffff;--groq-yellow-50: #fffef0;--groq-yellow-100: #fefdc0;--groq-yellow-200: #f4fd90;--groq-yellow-300: #fdeb20;--groq-yellow-400: #f0dc00;--groq-yellow-500: #e6d000;--groq-yellow-600: #d4be00;--groq-yellow-700: #c6b802;--groq-yellow-800: #9a8f02;--groq-yellow-900: #706801;--groq-yellow-950: #4a4501;--groq-green-50: #e8fff5;--groq-green-100: #c5ffea;--groq-green-200: #a9ffdb;--groq-green-300: #10e68d;--groq-green-400: #0dd97f;--groq-green-500: #0dcc7a;--groq-green-600: #0aab66;--groq-green-700: #018b01;--groq-green-800: #016b01;--groq-green-900: #015001;--groq-green-950: #003500;--groq-gold-300: #c6b802;--groq-blue-50: #e8f6ff;--groq-blue-100: #d0edfe;--groq-blue-200: #bfe4fc;--groq-blue-300: #5fc0ff;--groq-blue-400: #30a8f0;--groq-blue-500: #0082a0;--groq-blue-600: #006d87;--groq-blue-700: #005870;--groq-blue-800: #004559;--groq-blue-900: #003445;--groq-blue-950: #002330;--groq-purple-50: #f8f5fd;--groq-purple-100: #f0eafb;--groq-purple-200: #e3dcf8;--groq-purple-300: #d377fd;--groq-purple-400: #b85ce8;--groq-purple-500: #683d7f;--groq-purple-600: #56326a;--groq-purple-700: #452856;--groq-purple-800: #351e43;--groq-purple-900: #261530;--groq-purple-950: #180d1f;--groq-pink-50: #fff5fd;--groq-pink-100: #feeafc;--groq-pink-200: #fad8ff;--groq-pink-300: #f392dd;--groq-pink-400: #f07cd5;--groq-pink-500: #ee66ce;--groq-pink-600: #d450b5;--groq-pink-700: #b03c97;--groq-pink-800: #8c2f78;--groq-pink-900: #68235a;--groq-pink-950: #45173c;--color-primary: var(--groq-orange-600);--color-primary-hover: var(--groq-orange-700);--color-primary-active: var(--groq-orange-800);--color-primary-dark: var(--groq-orange-800);--color-primary-light: var(--groq-orange-200);--color-primary-lighter: var(--groq-orange-100);--color-primary-lightest: var(--groq-orange-50);--color-primary-ring: rgba(244, 62, 1, 0.2);--color-accent: var(--groq-orange-400);--color-accent-hover: var(--groq-orange-600);--color-accent-light: var(--groq-orange-300);--color-cta: var(--groq-orange-600);--color-cta-hover: var(--groq-orange-700);--color-text-primary: var(--groq-gray-800);--color-text-secondary: var(--groq-gray-700);--color-text-muted: var(--groq-gray-600);--color-text-neutral: var(--groq-gray-700);--color-text-neutral-dark: var(--groq-gray-950);--color-text-on-dark: var(--groq-gray-50);--color-text-on-dark-muted: rgba(206, 206, 191, 0.85);--color-bg-primary: var(--groq-white);--color-bg-secondary: var(--groq-gray-200);--color-bg-muted: var(--groq-gray-100);--color-bg-light: var(--groq-gray-100);--color-bg-dark: var(--groq-gray-900);--color-bg-hover: var(--groq-gray-200);--color-bg-card: var(--groq-gray-50);--color-bg-page: var(--groq-gray-100);--color-bg-nav: var(--groq-gray-200);--color-bg-hero: var(--groq-gray-300);--color-bg-section: var(--groq-gray-200);--color-bg-section-alt: var(--groq-gray-400);--color-border: var(--groq-gray-400);--color-border-light: var(--groq-gray-500);--color-border-tab: var(--groq-gray-500);--color-success: #22c55e;--color-success-light: #dcfce7;--color-success-dark: #166534;--color-success-text: var(--groq-green-50);--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-warning-text: #ffffff;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #b91c1c;--color-danger-text: #ffffff;--color-info: #0ea5e9;--color-info-light: #e0f2fe;--color-info-dark: #075985;--color-info-text: #ffffff;--color-neutral-text: #ffffff;--color-primary-text: var(--color-text-on-dark);--color-white: var(--groq-white);--color-gray-300: var(--groq-gray-300);--color-gray-400: var(--groq-gray-400);--color-control-border: var(--color-border);--color-control-border-hover: var(--groq-orange-400);--color-control-bg: var(--color-bg-primary);--color-control-bg-hover: var(--groq-orange-50, #fff5e5);--color-control-checked: var(--groq-orange-600);--color-control-checked-hover: var(--groq-orange-700);--color-control-checked-border: var(--groq-orange-600);--color-control-checkmark: #ffffff;--color-control-ring: rgba(244, 62, 1, 0.15);--color-toggle-bg: var(--groq-gray-500);--color-toggle-bg-checked: var(--groq-orange-600);--color-toggle-knob: #ffffff;--color-choice-border: var(--color-border);--color-choice-border-hover: var(--groq-orange-400);--color-choice-border-checked: var(--groq-orange-600);--color-choice-bg: transparent;--color-choice-bg-hover: var(--color-bg-hover);--color-choice-bg-checked: rgba(244, 62, 1, 0.03);--color-choice-ring: var(--groq-orange-600);--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-md: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--radius-button: 0.5rem;--radius-input: 0.375rem;--radius-card: 0.5rem;--radius-badge: 0.25rem;--radius-dropdown: 0.5rem;--radius-tab: 0.375rem;--radius-toast: 0.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-toast: 0 10px 15px rgba(0, 0, 0, 0.1)}.theme-scope h1,.theme-scope h2,.theme-scope h3,.theme-scope h4,.theme-scope h5,.theme-scope h6,.theme-scope .text-h1,.theme-scope .text-h2,.theme-scope .text-h3{font-family:var(--font-family-sans);font-weight:700;color:var(--color-text-primary);letter-spacing:-0.025em;line-height:1.2}.theme-scope h1,.theme-scope .text-h1{font-size:2.5rem;font-weight:800}.theme-scope h2,.theme-scope .text-h2{font-size:1.875rem;font-weight:700}.theme-scope h3,.theme-scope .text-h3{font-size:1.25rem;font-weight:600}.theme-scope a,.theme-scope .link{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.theme-scope a:hover,.theme-scope .link:hover{color:var(--color-primary-hover);text-decoration:none}.theme-scope .btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:var(--radius-button);font-weight:600;transition:all .2s ease}.theme-scope .btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-scope .btn-primary:active{transform:translateY(0)}.theme-scope .btn-secondary{background-color:var(--color-bg-muted);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-button);font-weight:500;transition:all .2s ease}.theme-scope .btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--groq-orange-600);color:var(--groq-orange-600)}.theme-scope .btn-tertiary{background-color:rgba(0,0,0,0);color:var(--color-text-neutral);border:none;border-radius:var(--radius-button);font-weight:500;transition:all .2s ease}.theme-scope .btn-tertiary:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .btn-ghost{background-color:rgba(0,0,0,0);color:var(--color-text-muted);border:none;border-radius:var(--radius-button);font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.theme-scope .btn-ghost:hover{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .btn-accent,.theme-scope .btn-cta{background-color:var(--color-accent);color:var(--color-primary-text);border:none;border-radius:var(--radius-button);font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.theme-scope .btn-accent:hover,.theme-scope .btn-cta:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-scope .btn-danger{background-color:var(--color-danger);color:var(--color-danger-text);border:none;border-radius:var(--radius-button);font-weight:600}.theme-scope .btn-danger:hover{background-color:var(--color-danger-dark)}.theme-scope .btn-success{background-color:var(--color-success);color:var(--color-success-text);border:none;border-radius:var(--radius-button);font-weight:600}.theme-scope .btn-success:hover{background-color:var(--color-success-dark);color:var(--color-text-on-dark)}.theme-scope .card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .2s ease}.theme-scope .card:hover{border-color:var(--color-border-tab);box-shadow:var(--shadow-md)}.theme-scope .card-title{font-weight:600;color:var(--color-text-primary);font-size:1.125rem}.theme-scope input[type=text],.theme-scope input[type=email],.theme-scope input[type=password],.theme-scope input[type=number],.theme-scope input[type=url],.theme-scope input[type=search],.theme-scope input[type=tel],.theme-scope textarea,.theme-scope .form-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:.75rem 1rem;font-family:var(--font-family-sans);font-size:1rem;color:var(--color-text-primary);transition:all .2s ease}.theme-scope input[type=text]::placeholder,.theme-scope input[type=email]::placeholder,.theme-scope input[type=password]::placeholder,.theme-scope input[type=number]::placeholder,.theme-scope input[type=url]::placeholder,.theme-scope input[type=search]::placeholder,.theme-scope input[type=tel]::placeholder,.theme-scope textarea::placeholder,.theme-scope .form-input::placeholder{color:var(--color-text-muted)}.theme-scope input[type=text]:focus,.theme-scope input[type=email]:focus,.theme-scope input[type=password]:focus,.theme-scope input[type=number]:focus,.theme-scope input[type=url]:focus,.theme-scope input[type=search]:focus,.theme-scope input[type=tel]:focus,.theme-scope textarea:focus,.theme-scope .form-input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.theme-scope select,.theme-scope .form-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:.75rem 1rem;font-family:var(--font-family-sans);font-size:1rem;color:var(--color-text-primary)}.theme-scope select:focus,.theme-scope .form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.theme-scope label,.theme-scope .form-label{color:var(--color-text-primary);font-weight:600;font-size:.875rem;margin-bottom:.5rem;display:block}.theme-scope .badge{border-radius:var(--radius-badge);font-weight:600;font-size:.75rem;padding:.25rem .75rem}.theme-scope .badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.theme-scope .badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.theme-scope .badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.theme-scope .badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.theme-scope .tabs-list{background-color:rgba(0,0,0,0);border-bottom:2px solid var(--color-border);padding:0}.theme-scope .tab-trigger{border-radius:0;font-weight:500;color:var(--color-text-muted);background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);padding:.75rem 1rem;margin-bottom:-2px;transition:all .15s ease}.theme-scope .tab-trigger:hover:not(.active):not([data-state=active]){color:var(--color-text-primary);border-bottom-color:var(--color-border-tab)}.theme-scope .tab-trigger.active,.theme-scope .tab-trigger[data-state=active]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.theme-scope .dropdown-menu{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);box-shadow:var(--shadow-dropdown);padding:.5rem}.theme-scope .dropdown-item{border-radius:var(--radius-sm);color:var(--color-text-neutral);font-weight:500;padding:.625rem .75rem;transition:all .15s ease}.theme-scope .dropdown-item:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .alert,.theme-scope .callout{border-radius:var(--radius-md);padding:1rem 1.25rem;border:1px solid}.theme-scope .alert-success,.theme-scope .callout-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.theme-scope .alert-danger,.theme-scope .callout-danger,.theme-scope .alert-destructive{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.theme-scope .alert-warning,.theme-scope .callout-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.theme-scope .alert-info,.theme-scope .callout-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.theme-scope .toast{background-color:var(--color-bg-primary);border-radius:var(--radius-toast);box-shadow:var(--shadow-toast);border:1px solid var(--color-border)}.theme-scope .avatar{border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-sm)}.theme-scope table{border-radius:var(--radius-md);border-collapse:separate;border-spacing:0;border:1px solid var(--color-border)}.theme-scope th{background-color:var(--color-bg-muted);color:var(--color-text-primary);font-weight:600;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.theme-scope th:last-child{border-right:none}.theme-scope td{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.theme-scope td:last-child{border-right:none}.theme-scope thead tr:first-child th:first-child{border-top-left-radius:var(--radius-md)}.theme-scope thead tr:first-child th:last-child{border-top-right-radius:var(--radius-md)}.theme-scope tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.theme-scope tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}.theme-scope .accordion-group{border-radius:var(--radius-md);overflow:hidden}.theme-scope .accordion-button{font-weight:600;color:var(--color-text-primary)}.theme-scope .accordion-button:hover{background-color:var(--color-bg-muted)}.theme-scope .toggle-group{background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:.25rem}.theme-scope .toggle-group-item{border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500}.theme-scope .toggle-group-item:hover:not(.active):not([data-state=on]){color:var(--color-text-primary)}.theme-scope .toggle-group-item.active,.theme-scope .toggle-group-item[data-state=on]{background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.theme-scope .text-accent{color:var(--color-accent)}.theme-scope .text-primary{color:var(--color-text-primary)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .text-on-dark{color:var(--color-text-on-dark)}.theme-scope .bg-muted{background-color:var(--color-bg-muted)}.theme-scope .bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .bg-dark{background-color:var(--color-bg-dark);color:var(--color-text-on-dark)}.theme-scope .border-accent{border-color:var(--color-accent)}.theme-scope .border-primary{border-color:var(--color-primary)}.theme-scope .text-groq-orange{color:var(--groq-orange-400)}.theme-scope .bg-groq-orange{background-color:var(--groq-orange-400)}.theme-scope .border-groq-orange{border-color:var(--groq-orange-400)}.theme-scope .text-groq-yellow{color:var(--groq-yellow-300)}.theme-scope .bg-groq-yellow{background-color:var(--groq-yellow-300)}.theme-scope .border-groq-yellow{border-color:var(--groq-yellow-300)}.theme-scope .text-groq-green{color:var(--groq-green-300)}.theme-scope .bg-groq-green{background-color:var(--groq-green-300)}.theme-scope .border-groq-green{border-color:var(--groq-green-300)}.theme-scope .text-groq-blue{color:var(--groq-blue-300)}.theme-scope .bg-groq-blue{background-color:var(--groq-blue-300)}.theme-scope .border-groq-blue{border-color:var(--groq-blue-300)}.theme-scope .text-groq-purple{color:var(--groq-purple-300)}.theme-scope .bg-groq-purple{background-color:var(--groq-purple-300)}.theme-scope .border-groq-purple{border-color:var(--groq-purple-300)}.theme-scope .text-groq-pink{color:var(--groq-pink-300)}.theme-scope .bg-groq-pink{background-color:var(--groq-pink-300)}.theme-scope .border-groq-pink{border-color:var(--groq-pink-300)}.chat-layout{display:flex;height:100vh;overflow:hidden}.chat-main{flex:1;min-width:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.chat-main .chat-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;padding-bottom:0}.chat-main .chat-messages{flex:1;overflow-y:auto}.chat-container{position:relative;min-height:96vh;background-color:#fff;padding-bottom:100px}.chat-inset-header{display:flex;align-items:center;gap:.5rem;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff);flex-shrink:0}.chat-sidebar-trigger{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chat-sidebar-trigger:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);border-color:var(--color-text-muted, #94a3b8)}.chat-sidebar-trigger-icon{width:1rem;height:1rem;transition:transform .2s ease}.chat-sidebar-trigger-icon.rotated{transform:rotate(180deg)}.chat-inset-title{font-size:0.875rem;line-height:1.25rem;font-weight:600;color:var(--color-text-primary, #0f172a);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header{display:none}.chat-header-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer}.chat-header-toggle:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-header-toggle .iconify{width:1.25rem;height:1.25rem}.chat-header-title{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.chat-welcome-icon{width:4rem;height:4rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light, #dbeafe);border-radius:50%}.chat-welcome-icon .iconify{width:2rem;height:2rem;color:var(--color-primary, #3b82f6)}.chat-welcome h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #0f172a)}.chat-welcome p{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-muted, #94a3b8);max-width:24rem}.chat-welcome-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;background-color:var(--color-primary, #3b82f6);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.chat-welcome-btn:hover{background-color:var(--color-primary-hover, #2563eb)}.chat-welcome-btn .iconify{width:1.25rem;height:1.25rem}.error-callout{border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:1rem;margin:.5rem 0}.error-callout .error-title{margin-bottom:0.5rem;display:flex;align-items:center;font-weight:600;--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1));font-size:.9375rem}.error-callout .error-message{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1));line-height:1.5}.error-callout .error-message p{margin:.25rem 0}.error-callout .error-message ol{margin:.5rem 0;padding-left:1.5rem}.error-callout .error-message ol li{margin:.25rem 0}.error-callout .error-message a{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));text-decoration-line:underline;color:#2563eb}.error-callout .error-message a:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.chat-messages{display:flex;width:100%;flex-direction:column;align-items:center}.messages-content{display:flex;width:100%;max-width:100%;flex-direction:column;gap:0px;padding-left:0.5rem;padding-right:0.5rem;padding-top:2rem;padding-bottom:10rem}@media (min-width: 640px){.messages-content{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 768px){.messages-content{max-width:48rem}}.message-wrapper{display:flex;width:100%;animation:fadeIn .3s ease-out forwards}.message-group{position:relative;display:flex;flex-direction:column;max-width:100%}.message-wrapper-me{justify-content:flex-end}.message-wrapper-me .message-group{align-items:flex-end;max-width:85%}.message-wrapper-them{justify-content:flex-start}.message-wrapper-them .message-group{width:100%;align-items:flex-start}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{position:relative;padding:.75rem 1.25rem;font-size:1rem;line-height:1.6}.message-me{background-color:#f4f4f5;border-radius:1.25rem}.message-them{background-color:transparent;padding:0px}.message-me p{margin:0px;white-space:pre-wrap;overflow-wrap:break-word}.message p{white-space:pre-wrap;overflow-wrap:break-word}.message-attachment{margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem;border-radius:0.5rem;padding:0.5rem;font-size:0.875rem;line-height:1.25rem;background-color:rgba(0,0,0,.05)}.message-actions{margin-top:0.5rem;display:flex;gap:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.message-wrapper:hover .message-actions{opacity:1}.actions-me{justify-content:flex-end}.actions-them{justify-content:flex-start}.action-icon-btn{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0.25rem;border-style:none;background-color:transparent;padding:0.25rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:#94a3b8;transition:color .2s ease,background-color .2s ease}.action-icon-btn:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));color:#0f172a}.action-icon-btn.copied{color:var(--color-success, #10b981)}.action-icon-btn.copied:hover{color:var(--color-success-dark, #059669)}.action-icon-btn.active{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));color:#0f172a}.action-icon-btn .iconify{font-size:16px}.message-thinking{margin-bottom:1rem;border-left-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));color:#6b7280;font-size:.9375rem}.message-thinking .message-thinking-header{margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.model-picker-item .message-thinking .message-thinking-header{font-size:.875rem}.message-thinking .message-thinking-header{font-size:.875rem}.message-thinking .message-thinking-header .iconify{font-size:16px}.message-thinking p,.message-thinking li,.message-thinking code,.message-thinking pre{color:#6b7280}.message-thinking a{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1));text-decoration-line:underline}.message-thinking a:hover{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));color:#2563eb}.message-thinking pre{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}pre.message-content-editable{all:unset;display:block;outline:none;cursor:text;border-radius:.5rem;padding:.5rem;margin:-0.5rem;background-color:rgba(0,0,0,0);white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:inherit;line-height:1.6;min-height:1.5em;color:inherit}pre.message-content-editable:focus{outline:none}.monaco-hydrated{position:relative;margin-top:1rem;margin-bottom:1rem}.monaco-copy-btn{position:absolute;top:0.5rem;right:0.5rem;z-index:10;display:flex;cursor:pointer;align-items:center;gap:0.25rem;border-radius:0.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem;padding-left:0.5rem;padding-right:0.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.monaco-hydrated:hover .monaco-copy-btn{opacity:1}.message-content p:last-child{margin-bottom:0}.message-content pre{margin-top:1rem;margin-bottom:1rem;overflow-x:auto;border-radius:0.375rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;color:var(--color-text-primary, #0f172a);font-size:.9375rem;line-height:1.6}.message-content pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:inherit;line-height:inherit;background:none;padding:0;color:var(--color-text-primary, #0f172a)}.message-content code{border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.875rem;line-height:1.25rem;background-color:#f1f5f9;color:#e11d48;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.message-content pre code{color:var(--color-text-primary, #0f172a);background:none}.message-content table{margin-top:1rem;margin-bottom:1rem;width:100%;border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.message-content table thead,.message-content table tbody,.message-content table tr{display:table;width:100%;table-layout:fixed}.message-content table th,.message-content table td{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.message-content table th{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-weight:600}.message-content table td{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.typing-indicator{display:flex;gap:0.25rem;padding-top:0.5rem;padding-bottom:0.5rem}.typing-dot{height:0.375rem;width:0.375rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));animation:bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-0.32s}.typing-dot:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.chat-input-wrapper{position:absolute;left:0.5rem;right:0.5rem;bottom:0px;z-index:10;margin-bottom:0.5rem;display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,0)}.chat-input-container{display:flex;width:100%;max-width:48rem;flex-direction:column;gap:0.25rem;padding:0.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out}.chat-input-container:focus-within{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-color:var(--color-primary)}.chat-input{width:100%;resize:none;border-style:none;background-color:transparent;font-size:1rem;max-height:200px;padding:.5rem .75rem;line-height:1.5;height:auto;min-height:auto;outline:none !important;border:none !important;box-shadow:none !important}.chat-input:focus,.chat-input:active,.chat-input:focus-visible{outline:none !important;border:none !important;box-shadow:none !important}.chat-input::-moz-placeholder{color:var(--color-text-muted)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input-actions{display:flex;align-items:center;gap:0.5rem;padding-left:0.25rem;padding-right:0.25rem;padding-bottom:0.25rem}.action-button{display:flex;height:2rem;width:2rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:var(--color-text-muted)}.action-button:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.action-button .iconify{font-size:20px}.plus-button{background-color:transparent;color:var(--color-text-primary)}.plus-button:hover{background-color:var(--color-bg-muted)}.send-button{display:flex;height:2rem;width:2rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:var(--color-primary);color:var(--color-white);border:none}.send-button:hover:not(:disabled){background-color:var(--color-primary-hover);opacity:1}.send-button:active:not(:disabled){transform:scale(0.95)}.send-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-disabled);color:var(--color-text-disabled)}.send-button .iconify{font-size:18px}.attachment-menu{position:absolute;z-index:20;display:flex;flex-direction:column;gap:0.25rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:calc(100% - 10px);left:1rem;min-width:180px;transform-origin:bottom left}@media(min-width: 768px){.attachment-menu{left:calc(50% - 384px + 1rem)}}.attachment-option{display:flex;width:100%;cursor:pointer;align-items:center;gap:0.75rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0.75rem;font-size:0.875rem;line-height:1.25rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:#0f172a}.attachment-option:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.attachment-icon{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px}.attachment-icon .iconify{font-size:18px}.bg-blue-100{background-color:#dbeafe}.text-blue-600{color:#2563eb}.bg-purple-100{background-color:#f3e8ff}.text-purple-600{color:#9333ea}.footer-text{margin-top:0.75rem;text-align:center;font-size:0.75rem;line-height:1rem;color:#64748b}.model-picker-button{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;max-width:160px}.model-picker-button:hover{background:#f1f5f9;color:#334155}.model-picker-dropdown{position:absolute;left:0;width:420px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:50;overflow:hidden}.model-picker-search{display:flex;align-items:center;padding:0 .75rem;border-bottom:1px solid #f1f5f9}.model-picker-search-input{flex:1;height:2.5rem;background:rgba(0,0,0,0) !important;border:none !important;outline:none !important;box-shadow:none !important;font-size:.875rem}.model-picker-search-input::-moz-placeholder{color:#94a3b8}.model-picker-search-input::placeholder{color:#94a3b8}.model-picker-search-input:focus{outline:none !important;box-shadow:none !important;border:none !important;ring:none}.model-picker-list{max-height:220px;overflow-y:auto;padding:.25rem}.model-picker-item{display:flex;align-items:center;padding:.5rem .625rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.model-picker-item:hover{background:#f8fafc}.model-picker-item .text-primary{color:#f97316}.model-picker-item .font-medium{font-size:.875rem}.model-picker-item-selected{background:#f1f5f9}.model-picker-item-preview{background:#f8fafc}.model-picker-logo{width:1.5rem;height:1.5rem;margin-right:.625rem;flex-shrink:0;border-radius:.375rem;-o-object-fit:contain;object-fit:contain}.model-picker-preview-badge{font-size:.625rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.chat-sidebar{flex-shrink:0;width:160px;height:100vh;background-color:var(--color-bg-muted, #f8fafc);border-right:1px solid var(--color-border, #e2e8f0);transition:width .2s ease,margin-left .2s ease;overflow:hidden;position:relative}.chat-sidebar-collapsed{width:0;margin-left:-1px}.chat-sidebar-inner{display:flex;flex-direction:column;width:160px;height:100%}.chat-sidebar-header{display:flex;align-items:center;flex-shrink:0;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);border-right:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff)}.chat-sidebar-header-content{display:flex;align-items:center;gap:.375rem;flex:1}.chat-sidebar-icon{width:1rem;height:1rem;color:var(--color-primary, #3b82f6)}.chat-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.chat-sidebar-actions{display:flex;align-items:center;gap:.25rem}.chat-sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-sidebar-action-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-sidebar-content{flex:1;overflow-y:auto;padding:.25rem .25rem}.chat-sidebar-group{margin-bottom:.5rem}.chat-sidebar-group-label{padding:.375rem .5rem .125rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.chat-sidebar-menu{display:flex;flex-direction:column;gap:1px}.chat-folder-root{min-height:1.5rem;padding:.125rem;border-radius:.25rem;transition:background-color .15s ease,outline .15s ease}.chat-folder-root.drag-over{background-color:var(--color-primary-light, #dbeafe);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:-2px}.chat-folder{position:relative}.chat-folder-drag-wrapper,.chat-item-drag-wrapper{position:relative}.chat-folder-row{display:flex;align-items:center;gap:.125rem;padding:.25rem .375rem;border-radius:.25rem;cursor:pointer;transition:background-color .15s ease;position:relative}.chat-folder-row:hover{background-color:var(--color-bg-muted, #f1f5f9)}.chat-folder-row:has(.chat-folder-edit-input){background-color:rgba(0,0,0,0)}.chat-folder-row.drag-over{background-color:var(--color-primary-light, #dbeafe);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:-2px}.chat-folder-row.is-dragging{opacity:.5}.chat-folder-toggle{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;border-radius:.125rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.chat-folder-toggle:hover{background-color:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-primary, #0f172a)}.chat-folder-chevron{width:.75rem;height:.75rem;transition:transform .2s ease}.chat-folder-chevron.rotated{transform:rotate(-90deg)}.chat-folder-icon-folder{width:.875rem;height:.875rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-folder-label{font-size:0.875rem;line-height:1.25rem;flex:1;min-width:0;display:flex;align-items:center;gap:.125rem;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--color-text-primary, #0f172a);font-weight:500;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-folder-count{color:var(--color-text-muted, #94a3b8);font-weight:400;font-size:.6875rem}input.chat-folder-edit-input,input.chat-folder-edit-input[type=text]{font-size:0.875rem;line-height:1.25rem;flex:1;min-width:0;padding:0 !important;margin:0 !important;border:none !important;border-bottom:1px dashed var(--color-text-muted, #94a3b8) !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important;color:var(--color-text-primary, #0f172a) !important;font-weight:500 !important;font-family:inherit !important;line-height:1.4 !important;outline:none !important;box-shadow:none !important;height:auto !important}input.chat-folder-edit-input:focus,input.chat-folder-edit-input:active,input.chat-folder-edit-input:focus-visible,input.chat-folder-edit-input[type=text]:focus,input.chat-folder-edit-input[type=text]:active,input.chat-folder-edit-input[type=text]:focus-visible{outline:none !important;box-shadow:none !important;border:none !important;border-bottom:1px dashed var(--color-primary, #3b82f6) !important;background-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}input.chat-folder-edit-input::-moz-selection, input.chat-folder-edit-input[type=text]::-moz-selection{background-color:var(--color-primary-light, #dbeafe)}input.chat-folder-edit-input::selection,input.chat-folder-edit-input[type=text]::selection{background-color:var(--color-primary-light, #dbeafe)}.chat-folder-actions-hover{display:none;align-items:center;gap:.125rem;margin-left:auto}.chat-folder-row:hover .chat-folder-actions-hover,.chat-item:hover .chat-folder-actions-hover{display:flex}.chat-action-btn-sm{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;padding:0;border:none;border-radius:.125rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-action-btn-sm:hover{background-color:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-primary, #0f172a)}.chat-action-btn-sm .iconify{width:.75rem;height:.75rem}.chat-context-menu{position:absolute;top:100%;right:0;z-index:50;min-width:10rem;padding:.25rem;margin-top:.25rem;background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95);transform-origin:top right;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden;pointer-events:none}.chat-context-menu.open{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;transition-delay:0s}.chat-context-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-secondary, #64748b);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-context-item:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-context-item .iconify{width:.875rem;height:.875rem;flex-shrink:0}.chat-context-danger{color:var(--color-danger, #ef4444)}.chat-context-danger:hover{background-color:var(--color-danger-light, #fee2e2);color:var(--color-danger-dark, #b91c1c)}.chat-folder-contents{display:flex;flex-direction:column;gap:1px;margin-left:.85rem;padding-left:.5rem;border-left:1px solid var(--color-border, #e2e8f0)}.chat-folder-nested{margin-left:0}.chat-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .375rem;border-radius:.25rem;cursor:pointer;transition:background-color .15s ease;position:relative}.chat-item:hover{background-color:var(--color-bg-hover, var(--color-bg-muted, #f1f5f9))}.chat-item.active{background-color:var(--color-primary-lighter, #dbeafe)}.chat-item:has(.chat-folder-edit-input){background-color:rgba(0,0,0,0)}.chat-item.is-dragging{opacity:.5}.chat-item-icon{width:.75rem;height:.75rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-item.active .chat-item-icon{color:var(--color-primary, #3b82f6)}.chat-item-btn{font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--color-text-primary, #0f172a);font-weight:400;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.chat-item-btn .iconify{width:.75rem;height:.75rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-item-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px;border-radius:.125rem}.chat-item.active .chat-item-btn{font-weight:500;color:var(--color-primary-dark, #1e40af)}.chat-drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--color-primary, #3b82f6);pointer-events:none;z-index:10;border-radius:1px}.chat-drop-indicator::before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-primary, #3b82f6);border-radius:50%}.chat-folder-drop-before .chat-drop-indicator,.chat-item-drop-before .chat-drop-indicator{top:0;display:block}.chat-folder-drop-after .chat-drop-indicator,.chat-item-drop-after .chat-drop-indicator{bottom:0;top:auto;display:block}.chat-folder-drop-inside>.chat-folder-row{background-color:var(--color-primary-light, #dbeafe);outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.chat-empty-state{display:flex;flex-direction:column}.chat-empty-state .chat-item{width:100%}.chat-empty-btn{padding:.375rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #0f172a);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-empty-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-primary, #3b82f6)}.chat-sidebar-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.5rem .75rem;border-top:1px solid var(--color-border, #e2e8f0)}.chat-sidebar-footer-info{display:flex;align-items:center;color:var(--color-text-muted, #94a3b8);font-size:.6875rem}.chat-sidebar-settings-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-sidebar-settings-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-sidebar-settings-btn .iconify{width:1rem;height:1rem}.chat-sidebar-close-btn{display:none}.chat-sidebar-overlay{display:none}@media(max-width: 768px){.chat-sidebar-overlay{position:fixed;inset:0;z-index:49;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s;display:block}.chat-sidebar-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.chat-sidebar{position:fixed;left:0;top:0;z-index:50;box-shadow:4px 0 15px rgba(0,0,0,.1)}.chat-sidebar-collapsed{transform:translateX(-100%);width:280px;margin-left:0}.chat-sidebar-collapsed .chat-sidebar-close-btn{display:none}.chat-sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:-2.5rem;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border, #e2e8f0);border-left:none;border-radius:0 .375rem .375rem 0;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;box-shadow:2px 0 8px rgba(0,0,0,.1);z-index:51}.chat-sidebar-close-btn::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--color-border, #e2e8f0)}.chat-sidebar-close-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);border-color:var(--color-text-muted, #94a3b8)}.chat-sidebar-close-btn .iconify{width:1rem;height:1rem}}.chat-right-sidebar{flex-shrink:0;width:320px;height:100vh;background-color:var(--color-bg-muted, #f8fafc);border-left:1px solid var(--color-border, #e2e8f0);transition:width .2s ease,margin-right .2s ease;overflow:hidden;position:relative}.chat-right-sidebar-collapsed{width:0;margin-right:-1px}.chat-right-sidebar-inner{display:flex;flex-direction:column;width:320px;height:100%}.chat-right-sidebar-header{display:flex;align-items:center;flex-shrink:0;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff)}.chat-right-sidebar-header-content{display:flex;align-items:center;gap:.375rem;flex:1}.chat-right-sidebar-icon{width:1rem;height:1rem;color:var(--color-text-muted, #94a3b8)}.chat-right-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.chat-right-sidebar-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-right-sidebar-close:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-right-sidebar-content{flex:1;overflow-y:auto;padding:.75rem}.chat-settings-group{margin-bottom:1.25rem}.chat-settings-group-label{padding:0 0 .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.chat-settings-field{margin-bottom:1rem}.chat-settings-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a)}.chat-settings-description{display:block;margin-bottom:.5rem;font-size:.6875rem;padding-top:.5rem;color:var(--color-text-muted, #94a3b8)}.chat-settings-input,.chat-settings-textarea,.chat-settings-select{width:100%;padding:.5rem .625rem;font-size:.8125rem;font-family:var(--font-mono, \"Menlo\", monospace);color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;transition:border-color .15s ease,box-shadow .15s ease}.chat-settings-input:focus,.chat-settings-textarea:focus,.chat-settings-select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-light, #dbeafe)}.chat-settings-input::-moz-placeholder, .chat-settings-textarea::-moz-placeholder, .chat-settings-select::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.chat-settings-input::placeholder,.chat-settings-textarea::placeholder,.chat-settings-select::placeholder{color:var(--color-text-muted, #94a3b8)}.chat-settings-textarea{min-height:6rem;resize:vertical;line-height:1.5}.chat-settings-range-wrapper{display:flex;align-items:center;gap:.75rem}.chat-settings-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-secondary, #e2e8f0);border-radius:2px;cursor:pointer}.chat-settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background-color:var(--color-primary, #3b82f6);border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.chat-settings-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.chat-settings-range::-moz-range-thumb{width:14px;height:14px;background-color:var(--color-primary, #3b82f6);border:none;border-radius:50%;cursor:pointer}.chat-settings-range:focus{outline:none}.chat-settings-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-primary-light, #dbeafe)}.chat-settings-range-value{min-width:3rem;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono, \"Menlo\", monospace);color:var(--color-text-secondary, #64748b);background-color:var(--color-bg-muted, #f1f5f9);border-radius:.25rem;text-align:center}.chat-settings-toggle{display:flex;align-items:center;gap:.625rem;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-settings-toggle-input{flex-shrink:0;width:2.25rem;height:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-secondary, #e2e8f0);border-radius:.625rem;cursor:pointer;position:relative;transition:background-color .15s ease;margin:0}.chat-settings-toggle-input::before{content:\"\";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);background-color:var(--color-bg-primary, #ffffff);border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-settings-toggle-input:checked{background-color:var(--color-primary, #3b82f6)}.chat-settings-toggle-input:checked::before{transform:translateX(1rem)}.chat-settings-toggle-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light, #dbeafe)}.chat-settings-toggle-label{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a);cursor:pointer;line-height:1.4}.chat-right-sidebar-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.5rem .75rem;border-top:1px solid var(--color-border, #e2e8f0);gap:.5rem}.chat-settings-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-settings-btn-reset{background-color:rgba(0,0,0,0);border:1px solid var(--color-border, #e2e8f0);color:var(--color-text-secondary, #64748b)}.chat-settings-btn-reset:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-text-muted, #94a3b8)}.chat-settings-btn-save{background-color:var(--color-primary, #3b82f6);border:1px solid var(--color-primary, #3b82f6);color:var(--color-text-inverse, #ffffff)}.chat-settings-btn-save:hover{background-color:var(--color-primary-dark, #2563eb);border-color:var(--color-primary-dark, #2563eb)}.chat-settings-trigger{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;margin-left:auto;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}",[],[150,241,251],"0bfafcfc-e2e9-11f0-b141-42dde27851f2","chat-app-2.css","0bfafdc4-e2e9-11f0-b141-42dde27851f2",36,["D",1766815100433],".theme-scope .tab-nav{padding:var(--space-tab-y) 0;border-bottom:1px solid var(--color-border-tab);margin-bottom:1.5rem;position:relative}.theme-scope .tab-list{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm)}.theme-scope .tab-button{background:none;border:none;cursor:pointer;padding:.25rem 0;position:relative;color:var(--color-tab);text-decoration:none;transition:color .15s ease-in-out}.theme-scope .tab-button:hover{color:var(--color-tab-active)}.theme-scope .tab-button-active{color:var(--color-tab-active);font-weight:var(--font-semibold)}.theme-scope .tab-indicator{position:absolute;bottom:-0.5rem;left:0;right:0;height:2px;background:var(--color-tab-active)}.theme-scope .tab-container{border:1px solid var(--color-border-tab);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.theme-scope .tab-container-header{background:var(--color-bg-light);border-bottom:1px solid var(--color-border-tab);display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.theme-scope .tab-container-nav{display:flex;gap:1.5rem;font-size:var(--text-sm);height:100%}.theme-scope .tab-container-button{height:3rem;background:none;border:none;cursor:pointer;padding:var(--space-tab-y) 0;position:relative;color:var(--color-tab);transition:color .15s ease-in-out}.theme-scope .tab-container-button:hover{color:var(--color-tab-active)}.theme-scope .tab-container-button-active{color:var(--color-tab-active);font-weight:var(--font-semibold)}.theme-scope .tab-container-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-tab-active);z-index:1}.theme-scope .tab-container-actions{display:flex;gap:.5rem;align-items:center}.theme-scope .tab-action-button{background:none;border:none;cursor:pointer;color:var(--color-tab);padding:.25rem;display:flex;align-items:center;transition:color .15s ease-in-out}.theme-scope .tab-action-button:hover{color:var(--color-tab-active)}.theme-scope .tab-content{padding:1rem 0}.theme-scope .tab-container-content{padding:0}.theme-scope .tab-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.theme-scope .tab-buttons-sm{gap:.375rem;margin-bottom:1rem}.theme-scope .tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;white-space:nowrap}.theme-scope .tab-btn:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-muted);border-color:var(--color-border-light)}.theme-scope .tab-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.theme-scope .tab-btn-active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary);font-weight:var(--font-semibold)}.theme-scope .tab-btn-active:hover:not(:disabled){color:var(--color-primary-hover);background-color:var(--color-primary-lighter);border-color:var(--color-primary-hover)}.theme-scope .tab-btn-disabled,.theme-scope .tab-btn:disabled{color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.theme-scope .tab-btn-sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-md)}.theme-scope .tab-btn-content{padding:1rem 0}.theme-scope .tab-modern-group{display:inline-flex;background-color:var(--color-bg-muted, #f4f4f5);padding:.25rem;border-radius:var(--radius-lg);gap:.25rem;margin-bottom:.25rem}.theme-scope .tab-modern{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.25rem;color:var(--color-text-secondary, #71717a);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.theme-scope .tab-modern:hover:not(.tab-modern-active){color:var(--color-text-primary, #18181b);background-color:rgba(0,0,0,.03)}.theme-scope .tab-modern-active{color:var(--color-text-primary, #09090b);background-color:var(--color-white, #ffffff);box-shadow:var(--shadow-sm);font-weight:var(--font-medium)}.theme-scope .tab-modern:focus{outline:none;box-shadow:none}.theme-scope .tab-modern-content{padding:0}.theme-scope .tab-modern-content .text-muted{color:var(--color-text-secondary, #71717a);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .tab-modern-content .card{border:1px solid var(--color-border, #e4e4e7);border-radius:var(--radius-lg);background-color:var(--color-white, #ffffff);max-width:24rem}.theme-scope .tab-modern-content .card-body{padding:0rem}.theme-scope .callout{margin-top:1rem;padding:1rem 1.5rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.theme-scope .callout-title{margin-top:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:inherit;margin-bottom:.5rem}.theme-scope .callout p:last-child{margin-bottom:0}.theme-scope .callout pre{background:var(--color-white);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin-top:1rem}.theme-scope .callout-note{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-neutral)}.theme-scope .callout-action{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.theme-scope .callout-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.theme-scope .callout-error{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.theme-scope .alert{position:relative;width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:3px solid var(--color-border);padding:1rem;display:flex;align-items:flex-start;gap:.75rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:1rem}.theme-scope .alert>svg,.theme-scope .alert>.iconify{flex-shrink:0;width:1rem;height:1rem;margin-top:.25rem;color:var(--color-text-primary)}.theme-scope .alert>div{flex:1}.theme-scope .alert-title{margin-top:0;margin-bottom:.25rem;font-weight:var(--font-medium);line-height:var(--leading-normal);color:inherit}.theme-scope .alert-description{color:var(--color-text-secondary);line-height:var(--leading-normal)}.theme-scope .alert-description p{margin-bottom:.5rem}.theme-scope .alert-description p:last-child{margin-bottom:0}.theme-scope .alert-default{background-color:var(--color-bg-primary);border-color:var(--color-border)}.theme-scope .alert-destructive{border-color:var(--color-danger);background-color:var(--color-danger-light);color:var(--color-danger-dark)}.theme-scope .alert-destructive>svg,.theme-scope .alert-destructive>.iconify{color:var(--color-danger)}.theme-scope .alert-destructive .alert-description{color:var(--color-danger-dark)}.theme-scope .alert-success{border-color:var(--color-success);background-color:var(--color-success-light);color:var(--color-success-dark)}.theme-scope .alert-success>svg,.theme-scope .alert-success>.iconify{color:var(--color-success)}.theme-scope .alert-success .alert-title{color:var(--color-success-dark)}.theme-scope .alert-success .alert-description{color:var(--color-success-dark)}.theme-scope .alert-warning{border-color:var(--color-warning);background-color:var(--color-warning-light);color:var(--color-warning-dark)}.theme-scope .alert-warning>svg,.theme-scope .alert-warning>.iconify{color:var(--color-warning)}.theme-scope .alert-warning .alert-title{color:var(--color-warning-dark)}.theme-scope .alert-warning .alert-description{color:var(--color-warning-dark)}.theme-scope .alert-info{border-color:var(--color-info);background-color:var(--color-info-light);color:var(--color-info-dark)}.theme-scope .alert-info>svg,.theme-scope .alert-info>.iconify{color:var(--color-info)}.theme-scope .alert-info .alert-title{color:var(--color-info-dark)}.theme-scope .alert-info .alert-description{color:var(--color-info-dark)}.theme-scope details{border-radius:.5rem;padding:.5rem 1rem .5rem 1rem;margin-bottom:1rem}.theme-scope summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);user-select:none;display:flex;align-items:center;gap:.5rem;list-style:none}.theme-scope summary::-webkit-details-marker{display:none}.theme-scope summary::before{content:\"\";width:1rem;height:1rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f172a'%3e%3cpath d='M8 5v14l11-7z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .2s ease-in-out;flex-shrink:0}.theme-scope summary:hover{color:var(--color-primary)}.theme-scope details[open] summary{margin-bottom:.75rem}.theme-scope details[open] summary::before{transform:rotate(90deg)}.theme-scope .details-toggle{border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background-color:var(--color-bg-primary);transition:border-color .15s ease-in-out}.theme-scope .details-toggle:hover{border-color:var(--color-border-light)}.theme-scope .details-summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);user-select:none;padding:.25rem 0}.theme-scope .details-summary:hover{color:var(--color-primary)}.theme-scope .details-toggle[open] .details-summary{margin-bottom:.75rem}.theme-scope .details-content{padding-left:1rem;padding-top:.5rem;color:var(--color-text-secondary)}.theme-scope details.details-minimal{border:none;background:none;padding:0;margin-bottom:.5rem}.theme-scope details.details-minimal summary{padding:.25rem 0;color:var(--color-text-secondary)}.theme-scope details.details-minimal summary:hover{color:var(--color-text-primary)}.theme-scope details.details-minimal[open] summary{margin-bottom:.25rem;color:var(--color-text-primary)}.theme-scope details.details-minimal .details-content{padding-left:1.75rem;color:var(--color-text-secondary)}.theme-scope .color-success{color:var(--color-success)}.theme-scope .color-warning{color:var(--color-warning)}.theme-scope .color-danger{color:var(--color-danger)}.theme-scope .color-info{color:var(--color-primary)}.theme-scope .color-text-primary{color:var(--color-text-primary)}.theme-scope .color-text-secondary{color:var(--color-text-secondary)}.theme-scope .color-text-muted{color:var(--color-text-muted)}.theme-scope .color-bg-primary{background-color:var(--color-bg-primary)}.theme-scope .color-bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .color-bg-muted{background-color:var(--color-bg-muted)}.theme-scope .no-underline{text-decoration:none !important}.theme-scope .hover-no-underline:hover{text-decoration:none !important}.theme-scope .hidden{display:none !important}.theme-scope .mb-0{margin-bottom:0 !important}.theme-scope .badge{display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:.125rem .5rem;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap;gap:.25rem}.theme-scope .badge-default{background-color:var(--color-primary);color:var(--color-white)}.theme-scope .badge-secondary{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-success{background-color:var(--color-success-light);color:var(--color-success-link-hover)}.theme-scope .badge-error,.theme-scope .badge-danger,.theme-scope .badge-destructive{background-color:var(--color-danger-light);color:var(--color-danger-link-hover)}.theme-scope .badge-info{background-color:var(--color-primary-lighter);color:var(--color-primary-dark)}.theme-scope .badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-link-hover)}.theme-scope .badge-neutral{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-outline{background-color:rgba(0,0,0,0);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.theme-scope .badge-outline-default{background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);color:var(--color-primary)}.theme-scope .badge-outline-secondary{background-color:rgba(0,0,0,0);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.theme-scope .badge-outline-success{background-color:rgba(0,0,0,0);border:1px solid var(--color-success);color:var(--color-success-link-hover)}.theme-scope .badge-outline-error,.theme-scope .badge-outline-danger,.theme-scope .badge-outline-destructive{background-color:rgba(0,0,0,0);border:1px solid var(--color-danger);color:var(--color-danger-link-hover)}.theme-scope .badge-outline-info{background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);color:var(--color-primary-dark)}.theme-scope .badge-outline-warning{background-color:rgba(0,0,0,0);border:1px solid var(--color-warning);color:var(--color-warning-link-hover)}.theme-scope .badge-pill{border-radius:var(--radius-full)}.theme-scope .badge-number{border-radius:var(--radius-full);padding:.125rem .375rem;font-size:.6875rem;min-width:1.25rem;justify-content:center;background-color:var(--color-text-neutral-dark);color:var(--color-white)}.theme-scope .badge-number-secondary{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-sm{font-size:.625rem;padding:.125rem .375rem}.theme-scope .badge-md{font-size:var(--text-sm);padding:.25rem .75rem;max-height:25px}.theme-scope .badge-lg{font-size:var(--text-base);padding:.375rem 1rem}.theme-scope .badge .iconify{display:inline-flex;align-items:center;font-size:var(--text-sm);width:.875rem;height:.875rem}.theme-scope .badge-md .iconify{font-size:var(--text-base);width:1rem;height:1rem}.theme-scope .badge-lg .iconify{font-size:var(--text-lg);width:1.125rem;height:1.125rem}.theme-scope .data-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-bg-primary)}.theme-scope .data-list-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);transition:background-color .15s ease}.theme-scope .data-list-row:last-child{border-bottom:none}.theme-scope .data-list-row:hover{background-color:var(--color-bg-secondary)}.theme-scope .data-list-row-content{display:flex;align-items:center;gap:1rem;flex:1}.theme-scope .data-list-row-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .data-list-item-title{font-weight:500;color:var(--color-text-primary)}.theme-scope .data-list-item-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:.5rem;color:var(--color-text-secondary)}.theme-scope .empty-state-icon{width:3rem;height:3rem;margin-bottom:1rem;color:var(--color-text-muted)}.theme-scope .empty-state-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.theme-scope .empty-state-description{font-size:.875rem;max-width:20rem}.theme-scope .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;line-height:20px;color:var(--color-text-secondary);margin-bottom:1.5rem}.theme-scope .breadcrumb-item{display:flex;align-items:center;gap:.5rem}.theme-scope .breadcrumb-separator,.theme-scope .crumb-divider{color:var(--color-border-light);display:inline-flex;align-items:center}.theme-scope .breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .breadcrumb-link:hover{color:var(--color-text-primary);text-decoration:underline}.theme-scope .breadcrumb-current{color:var(--color-text-primary);font-weight:500}.theme-scope .breadcrumbs-chevron .crumb-divider{color:var(--color-border-light)}.theme-scope .breadcrumbs .crumb-divider svg{width:16px;height:16px;color:var(--color-border-light)}.theme-scope .back-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:20px;margin-bottom:1.5rem}.theme-scope .back-link svg{width:16px;height:16px;color:var(--color-text-secondary)}.theme-scope .back-link .breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .back-link .breadcrumb-link:hover{color:var(--color-text-primary);text-decoration:underline}.theme-scope .crumb-ellipsis{color:var(--color-text-muted)}.theme-scope .breadcrumbs-small{font-size:.75rem;line-height:18px}.theme-scope .breadcrumbs-small .crumb-divider svg{width:14px;height:14px}.theme-scope .breadcrumbs-large{font-size:1rem;line-height:24px}.theme-scope .breadcrumbs-large .crumb-divider svg{width:18px;height:18px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.theme-scope .animate-spin{animation:spin 1s linear infinite}.theme-scope .loading-overlay{position:absolute;inset:0;background-color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(2px);border-radius:inherit}.theme-scope .loading-skeleton{background-color:var(--color-bg-muted);border-radius:.25rem;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.theme-scope .avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;user-select:none;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--color-bg-secondary)}.theme-scope .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.theme-scope .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-muted);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase}.theme-scope .avatar-sm{width:2rem;height:2rem}.theme-scope .avatar-sm .avatar-fallback{font-size:.75rem}.theme-scope .avatar-lg{width:3rem;height:3rem}.theme-scope .avatar-lg .avatar-fallback{font-size:1rem}.theme-scope .avatar-xl{width:4rem;height:4rem}.theme-scope .avatar-xl .avatar-fallback{font-size:1.25rem}.theme-scope .avatar-square{border-radius:0}.theme-scope .avatar-rounded{border-radius:.5rem}.theme-scope .avatar-indicator{position:absolute;bottom:0;right:0;display:block;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:9999px;border:2px solid var(--color-bg-primary);background-color:var(--color-bg-muted)}.theme-scope .status-online{background-color:var(--color-success)}.theme-scope .status-busy{background-color:var(--color-danger)}.theme-scope .status-offline{background-color:var(--color-text-muted)}.theme-scope .avatar-group{display:flex;align-items:center;flex-direction:row}.theme-scope .avatar-group .avatar{border:2px solid var(--color-bg-primary);margin-right:-1rem;transition:margin .2s ease,transform .2s ease,z-index .2s}.theme-scope .avatar-group .avatar:hover{z-index:10;transform:translateY(-2px);margin-right:0}.theme-scope .avatar-group .avatar:last-child{margin-right:0}.theme-scope .avatar-placeholder{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.75rem}.theme-scope .item{display:flex;flex-direction:column;padding:1rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color .15s ease,border-color .15s ease}.theme-scope .item:hover{background-color:var(--color-bg-secondary)}.theme-scope .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.theme-scope .item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.theme-scope .item-title{font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope .item-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.theme-scope .item-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .item>.flex{display:flex;align-items:center;gap:1rem}.theme-scope .item>.flex>.item-content{margin-top:0}.theme-scope .dropdown{position:relative;display:inline-block}.theme-scope .dropdown-mega{position:static}.theme-scope .dropdown-menu{position:absolute;top:100%;left:0;z-index:50;min-width:12rem;padding:.25rem 0;margin-top:.25rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95) translateY(-5px);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;pointer-events:none;visibility:hidden}.theme-scope .dropdown-menu.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible;transition-delay:0s;display:block;z-index:999}.theme-scope .dropdown-menu-right{left:auto;right:0;transform-origin:top right}.theme-scope .dropdown-menu-center{left:50%;transform:translateX(-50%) scale(0.95) translateY(-5px);transform-origin:top center}.theme-scope .dropdown-menu-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .dropdown-menu-w-sm{min-width:10rem}.theme-scope .dropdown-menu-w-md{min-width:16rem}.theme-scope .dropdown-menu-w-lg{min-width:20rem}.theme-scope .dropdown-menu-w-xl{min-width:24rem}.theme-scope .dropdown-mega-container{position:relative}.theme-scope .dropdown-menu-mega{position:absolute;left:2rem;right:2rem;width:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;transform:translateY(-5px);transform-origin:top center}.theme-scope .dropdown-menu-mega.open{display:grid !important;transform:translateY(0);overflow:hidden}.theme-scope .dropdown-menu-up,.theme-scope .dropdown-menu-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem;transform:scale(0.95) translateY(5px);transform-origin:bottom left}.theme-scope .dropdown-menu-up.open,.theme-scope .dropdown-menu-top.open{transform:scale(1) translateY(0)}.theme-scope .dropdown-menu-up.dropdown-menu-right,.theme-scope .dropdown-menu-top.dropdown-menu-right{transform-origin:bottom right}.theme-scope .dropdown-menu-up.dropdown-menu-center,.theme-scope .dropdown-menu-top.dropdown-menu-center{transform:translateX(-50%) scale(0.95) translateY(5px);transform-origin:bottom center}.theme-scope .dropdown-menu-up.dropdown-menu-center.open,.theme-scope .dropdown-menu-top.dropdown-menu-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.theme-scope .dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:var(--color-text-primary);text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;cursor:pointer;text-decoration:none;transition:all .15s ease-in-out;font-size:var(--text-sm)}.theme-scope .dropdown-item:hover,.theme-scope .dropdown-item:focus{background-color:var(--color-bg-secondary);color:var(--color-primary);text-decoration:none;outline:none}.theme-scope .dropdown-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.theme-scope .dropdown-item-description{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:.125rem;white-space:normal}.theme-scope .dropdown-item-text{display:block;padding:.5rem 1rem;font-size:var(--text-sm);color:var(--color-text-primary)}.theme-scope .dropdown-item:hover .dropdown-item-description{color:var(--color-text-neutral-dark)}.theme-scope .dropdown-divider{height:0;margin:.375rem 0;overflow:hidden;border-top:1px solid var(--color-border-light)}.theme-scope .dropdown-item-icon{width:1rem;height:1rem;color:var(--color-text-muted);flex-shrink:0}.theme-scope .dropdown-item:hover .dropdown-item-icon{color:var(--color-primary)}.theme-scope .popover-content{position:absolute;top:100%;left:0;z-index:50;padding:1rem;margin-top:.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95) translateY(-5px);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;pointer-events:none;visibility:hidden}.theme-scope .popover-content.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible;transition-delay:0s}.theme-scope .popover-content-right{left:auto;right:0;transform-origin:top right}.theme-scope .popover-content-center{left:50%;transform:translateX(-50%) scale(0.95) translateY(-5px);transform-origin:top center}.theme-scope .popover-content-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .popover-content-up,.theme-scope .popover-content-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem;transform:scale(0.95) translateY(5px);transform-origin:bottom left}.theme-scope .popover-content-up.open,.theme-scope .popover-content-top.open{transform:scale(1) translateY(0)}.theme-scope .popover-content-up.popover-content-right,.theme-scope .popover-content-top.popover-content-right{transform-origin:bottom right}.theme-scope .popover-content-up.popover-content-center,.theme-scope .popover-content-top.popover-content-center{transform:translateX(-50%) scale(0.95) translateY(5px);transform-origin:bottom center}.theme-scope .popover-content-up.popover-content-center.open,.theme-scope .popover-content-top.popover-content-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .field{display:flex;flex-direction:column;gap:.375rem}.theme-scope .field:last-child{margin-bottom:0}.theme-scope .field-horizontal{flex-direction:row;align-items:flex-start;gap:.75rem}.theme-scope .field-responsive{flex-direction:column}@media(min-width: 640px){.theme-scope .field-responsive{flex-direction:row;align-items:flex-start;gap:1.5rem}}.theme-scope .field-label{display:block;margin-bottom:0;font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .field-horizontal .field-label{margin-bottom:0;margin-top:0;line-height:var(--leading-normal)}.theme-scope .field-title{font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:0}.theme-scope .field-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.theme-scope .field-horizontal .field-description{font-size:var(--text-sm);margin-bottom:0}.theme-scope .fieldset>.field-description{margin-bottom:.75rem}.theme-scope .field-description+.form-input,.theme-scope .field-description+.form-select,.theme-scope .field-description+.form-textarea,.theme-scope .field-description+input,.theme-scope .field-description+select,.theme-scope .field-description+textarea,.theme-scope .field-description+.range-slider{margin-top:0}.theme-scope .fieldset .field-description+.field-group{margin-top:0}.theme-scope .field-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.theme-scope .field-horizontal .field-content{flex:1}.theme-scope .field-responsive .field-content{flex:0 0 auto;min-width:8rem}@media(min-width: 640px){.theme-scope .field-responsive .field-content{min-width:10rem;max-width:12rem}}.theme-scope .fieldset{border:none;padding:0;margin:0;min-width:0}.theme-scope .field-legend{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.375rem;line-height:var(--leading-normal)}.theme-scope .field-legend-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);margin-bottom:.375rem}.theme-scope .field-group{display:flex;flex-direction:column;gap:.5rem}.theme-scope .field-group>.field-separator{margin:.5rem 0 !important;flex-shrink:0}.theme-scope .field-group.gap-3{gap:.5rem}.theme-scope .fieldset .field-group .field-horizontal{margin-bottom:0}.theme-scope .space-y-2>.field-horizontal{margin-bottom:0}.theme-scope .space-y-2>.field-horizontal+.field-horizontal{margin-top:.5rem}@container field-group (min-width: 640px){.theme-scope .field-responsive{flex-direction:row;align-items:flex-start;gap:1.5rem}}.theme-scope .field-separator{display:block !important;height:1px;background-color:var(--color-border);margin:0;border:none;width:100%}.theme-scope .field-invalid input,.theme-scope .field-invalid textarea,.theme-scope .field-invalid select,.theme-scope .field-invalid .form-input,.theme-scope .field-invalid .form-select{border-color:var(--color-danger)}.theme-scope .field-invalid input:focus,.theme-scope .field-invalid textarea:focus,.theme-scope .field-invalid select:focus,.theme-scope .field-invalid .form-input:focus,.theme-scope .field-invalid .form-select:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.theme-scope .field-error{font-size:var(--text-sm);color:var(--color-danger);margin:0;line-height:var(--leading-normal)}.theme-scope .field-choice-card{display:block;padding:.75rem 1rem;border:1px solid var(--color-choice-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-in-out;background-color:var(--color-choice-bg)}.theme-scope .field-choice-card:hover{background-color:var(--color-choice-bg-hover);border-color:var(--color-choice-border-hover)}.theme-scope .field-choice-card:has(input:checked){border-color:var(--color-choice-border-checked);background-color:var(--color-choice-bg-checked)}.theme-scope .field-choice-card:has(input:focus){outline:2px solid var(--color-choice-ring);outline-offset:2px}.theme-scope .field-responsive input,.theme-scope .field-responsive textarea,.theme-scope .field-responsive select,.theme-scope .field-responsive .form-input,.theme-scope .field-responsive .form-select{width:100%;max-width:100%}@media(min-width: 640px){.theme-scope .field-responsive input,.theme-scope .field-responsive textarea,.theme-scope .field-responsive select,.theme-scope .field-responsive .form-input,.theme-scope .field-responsive .form-select{width:100%;max-width:24rem;flex:0 1 auto}}.theme-scope .field-horizontal input[type=checkbox],.theme-scope .field-horizontal input[type=radio],.theme-scope .field-horizontal .form-toggle{margin-top:.125rem;flex-shrink:0}.theme-scope .field-group .field-horizontal.field,.theme-scope .space-y-2 .field-horizontal.field{margin-bottom:0;gap:.625rem}.theme-scope .field-horizontal button{margin-right:.5rem}.theme-scope .field-horizontal button:last-child{margin-right:0}.theme-scope .field input[aria-invalid=true],.theme-scope .field textarea[aria-invalid=true],.theme-scope .field select[aria-invalid=true]{border-color:var(--color-danger)}.theme-scope .field:has(.field-description) .field-label,.theme-scope .field:has(.field-description) .field-title{margin-bottom:0}.theme-scope .field:has(input:focus) .field-label,.theme-scope .field:has(textarea:focus) .field-label,.theme-scope .field:has(select:focus) .field-label{color:var(--color-primary)}.theme-scope .range-slider{position:relative;width:100%;height:1.25rem;margin-top:.5rem}.theme-scope .range-slider-track{position:absolute;top:50%;left:0;right:0;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);transform:translateY(-50%)}.theme-scope .range-slider-range{position:absolute;height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.theme-scope .range-slider-input{position:absolute;width:100%;height:.25rem;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);pointer-events:none;appearance:none;-webkit-appearance:none;margin:0;padding:0}.theme-scope .range-slider-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:all;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope .range-slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope .range-slider-input::-webkit-slider-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope .range-slider-input::-moz-range-thumb{pointer-events:all;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope .range-slider-input::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope .range-slider-input::-moz-range-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope .range-slider-input:focus{outline:none}.theme-scope .range-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope .range-slider-input:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope .range-slider-input-min{z-index:4}.theme-scope .range-slider-input-max{z-index:3}.theme-scope .code-block{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);margin-bottom:1.5rem;overflow:hidden}.theme-scope .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.theme-scope .code-block-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-300)}.theme-scope .code-block-tabs{display:flex;gap:1rem}.theme-scope .code-block-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:.25rem 0;position:relative;transition:color .2s}.theme-scope .code-block-tab:hover{color:var(--color-white)}.theme-scope .code-block-tab.active{color:var(--color-white)}.theme-scope .code-block-tab.active::after{content:\"\";position:absolute;bottom:-0.75rem;left:0;width:100%;height:1px;background-color:var(--color-primary)}.theme-scope .code-block-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .code-copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-scope .code-copy-btn:hover{background-color:hsla(0,0%,100%,.1);color:var(--color-white)}.theme-scope .code-block-content{position:relative;padding:1rem;overflow-x:auto;font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .code-block-content pre{margin:0;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit}.theme-scope .code-block-content code{font-family:inherit;color:inherit}.theme-scope .code-block.collapsed .code-block-content{max-height:150px;overflow-y:hidden}.theme-scope .code-block-expand-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom, transparent, var(--color-code-bg-dark) 90%);display:flex;align-items:center;justify-content:center;padding-top:2rem;pointer-events:none}.theme-scope .code-block-expand-btn{pointer-events:auto;background-color:var(--color-text-primary);color:var(--color-bg-primary);border:1px solid var(--color-text-primary);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.05)}.theme-scope .code-block-expand-btn:hover{background-color:var(--color-text-neutral-dark);border-color:var(--color-text-neutral-dark)}.theme-scope .code-header-expand-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .2s}.theme-scope .code-header-expand-btn:hover{color:var(--color-white);background-color:hsla(0,0%,100%,.1)}.theme-scope .code-command{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm)}.theme-scope .code-command-text{margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .code-command-prefix{color:var(--color-text-muted);margin-right:.5rem;user-select:none}.theme-scope .code-block.simple .code-copy-btn{position:absolute;top:.5rem;right:.5rem;z-index:10}.theme-scope .toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem;max-width:24rem;width:100%;pointer-events:none}.theme-scope .toast{pointer-events:auto;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;align-items:flex-start;gap:.75rem;transition:all .3s ease;transform-origin:bottom right}.theme-scope .toast-content{flex:1}.theme-scope .toast-title{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope .toast-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .toast-close{color:var(--color-text-secondary);background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.theme-scope .toast-close:hover{opacity:1}.theme-scope .toast-default{border-left:4px solid var(--color-border)}.theme-scope .toast-success{border-left:4px solid var(--color-success)}.theme-scope .toast-success .toast-icon{color:var(--color-success)}.theme-scope .toast-error{border-left:4px solid var(--color-danger)}.theme-scope .toast-error .toast-icon{color:var(--color-danger)}.theme-scope .toast-warning{border-left:4px solid var(--color-warning)}.theme-scope .toast-warning .toast-icon{color:var(--color-warning)}.theme-scope .toast-info{border-left:4px solid var(--color-primary)}.theme-scope .toast-info .toast-icon{color:var(--color-primary)}.theme-scope .pagination{display:flex;align-items:center;justify-content:flex-start}.theme-scope .pagination-content{display:flex;flex-direction:row;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.theme-scope .pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .75rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:rgba(0,0,0,0);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease-in-out;cursor:pointer}.theme-scope .pagination-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .pagination-item.active{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.theme-scope .pagination-item.icon-only{padding:0;width:2.25rem}.theme-scope .pagination-previous,.theme-scope .pagination-next{display:inline-flex;align-items:center;gap:.5rem;padding-left:.75rem;padding-right:.75rem;width:auto}.theme-scope .pagination-previous svg,.theme-scope .pagination-next svg{width:1rem;height:1rem}.theme-scope .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--color-text-muted)}.theme-scope .toggle-group{display:inline-flex;align-items:center;justify-content:center;gap:0;background-color:rgba(0,0,0,0);border-radius:var(--radius-sm);padding:0;border:1px solid #dadce0}.theme-scope .toggle-group-item{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding:.375rem .5rem;min-width:2rem;min-height:2rem;font-size:var(--text-sm);font-weight:400;line-height:1.25rem;color:#5f6368;background-color:#fff;border:none;border-right:1px solid #dadce0;cursor:pointer;transition:background-color .1s ease,color .1s ease;white-space:nowrap;position:relative}.theme-scope .toggle-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.theme-scope .toggle-group-item:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:none}.theme-scope .toggle-group-item:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px;z-index:10}.theme-scope .toggle-group-item:hover:not(:disabled):not([data-state=on]){background-color:#f1f3f4}.theme-scope .toggle-group-item[data-state=on],.theme-scope .toggle-group-item.selected{background-color:#e8f0fe;color:#1967d2;z-index:1}.theme-scope .toggle-group-item:disabled,.theme-scope .toggle-group-item[disabled]{pointer-events:none;opacity:.38;color:#80868b}.theme-scope .toggle-group-item svg,.theme-scope .toggle-group-item .iconify{width:1.125rem;height:1.125rem;flex-shrink:0}.theme-scope .toggle-group-item svg+span,.theme-scope .toggle-group-item .iconify+span{margin-left:.375rem}.theme-scope .toggle-group.toggle-group-outline{background-color:rgba(0,0,0,0);border:none;padding:0;gap:2px}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item{border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);border-right:none}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:hover:not(:disabled):not([data-state=on]){background-color:#f1f3f4}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item[data-state=on],.theme-scope .toggle-group.toggle-group-outline .toggle-group-item.selected{background-color:#e8f0fe;color:#1967d2;border-color:rgba(0,0,0,0)}.theme-scope .toggle-group-sm .toggle-group-item{padding:.25rem .375rem;min-width:1.75rem;min-height:1.75rem;font-size:.8125rem}.theme-scope .toggle-group-sm .toggle-group-item svg,.theme-scope .toggle-group-sm .toggle-group-item .iconify{width:1rem;height:1rem}.theme-scope .toggle-group-lg .toggle-group-item{padding:var(--space-input-y) var(--space-input-x);min-width:2.5rem;min-height:2.5rem;font-size:.9375rem}.theme-scope .toggle-group-lg .toggle-group-item svg,.theme-scope .toggle-group-lg .toggle-group-item .iconify{width:1.25rem;height:1.25rem}.theme-scope .toggle-group-vertical{flex-direction:column}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item{width:100%;margin-left:0;margin-top:-1px;border-left:none;border-top:1px solid rgba(0,0,0,0)}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item:first-child{border-radius:.375rem .375rem 0 0;margin-top:0}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item:last-child{border-radius:0 0 .375rem .375rem}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item+.toggle-group-item{border-top:1px solid var(--color-border);border-left:none}.theme-scope .section-heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:1rem;line-height:var(--leading-tight)}.theme-scope .section-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:1rem}.theme-scope .subsection-heading{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:.5rem}.theme-scope .caption{font-size:var(--text-xs);color:var(--color-text-muted)}.theme-scope .fine-print{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-scope .brand-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-0.025em;color:var(--color-text-primary)}.theme-scope .hero-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-0.025em;color:var(--color-text-primary);line-height:1.1}@media(min-width: 768px){.theme-scope .hero-title{font-size:var(--text-5xl)}}.theme-scope .hero-accent{color:var(--color-primary)}.theme-scope .hero-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.theme-scope .nav-link{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .nav-link:hover{color:var(--color-text-primary)}.theme-scope .footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .footer-link:hover{color:var(--color-primary)}.theme-scope .social-link{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .social-link:hover{color:var(--color-text-secondary)}.theme-scope .badge-dark{background-color:var(--color-text-primary);color:var(--color-white);padding:.25rem .5rem;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-block}.theme-scope .icon-placeholder{color:var(--color-border-default);opacity:.6}.theme-scope .text-accent{color:var(--color-primary)}.theme-scope .bg-accent{background-color:var(--color-primary)}.theme-scope .bg-accent-light{background-color:var(--color-primary-ring)}.theme-scope .border-accent{border-color:var(--color-primary)}.theme-scope .loading-spinner{color:var(--color-primary);animation:spin 1s linear infinite}.theme-scope .status-dot{width:.5rem;height:.5rem;border-radius:50%}.theme-scope .status-success{background-color:var(--color-success)}.theme-scope .status-danger{background-color:var(--color-danger)}.theme-scope .status-warning{background-color:var(--color-warning)}.theme-scope .interactive-danger:hover{background-color:var(--color-danger-bg)}.theme-scope .btn-ghost-danger{color:var(--color-danger)}.theme-scope .btn-ghost-danger:hover{color:var(--color-danger);background-color:var(--color-danger-bg)}.theme-scope .text-success{color:var(--color-success)}.theme-scope .text-warning{color:var(--color-warning)}.theme-scope .text-danger{color:var(--color-danger)}.theme-scope .text-inverse{color:var(--color-white)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .help-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.theme-scope .demo-container{padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.theme-scope .demo-container-tall{padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);min-height:16rem;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;z-index:10}.theme-scope .demo-container-sm{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.theme-scope .surface{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .surface-muted{background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .text-primary{color:var(--color-text-primary)}.theme-scope .text-secondary{color:var(--color-text-secondary)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .text-accent{color:var(--color-primary)}.theme-scope .text-success{color:var(--color-success)}.theme-scope .text-danger{color:var(--color-danger)}.theme-scope .text-warning{color:var(--color-warning)}.theme-scope .bg-primary{background-color:var(--color-bg-primary)}.theme-scope .bg-muted{background-color:var(--color-bg-muted)}.theme-scope .bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .interactive{transition:background-color .15s ease,color .15s ease}.theme-scope .interactive:hover{background-color:var(--color-bg-muted)}.theme-scope .interactive-link{color:var(--color-text-secondary);transition:color .15s ease}.theme-scope .interactive-link:hover{color:var(--color-text-primary)}.theme-scope .accent-link{color:var(--color-text-secondary);transition:color .15s ease}.theme-scope .accent-link:hover{color:var(--color-primary)}.theme-scope .icon-muted{color:var(--color-text-muted)}.theme-scope .icon-interactive{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .icon-interactive:hover{color:var(--color-text-secondary)}.theme-scope .icon-success{color:var(--color-success)}.theme-scope .icon-danger{color:var(--color-danger)}.theme-scope .icon-warning{color:var(--color-warning)}.theme-scope .icon-accent{color:var(--color-primary)}.theme-scope .border-light{border:1px solid var(--color-border-light)}.theme-scope .divider{border-top:1px solid var(--color-border)}.theme-scope .divider-b{border-bottom:1px solid var(--color-border)}.theme-scope .stat-box{padding:.75rem;background-color:var(--color-bg-muted);border-radius:var(--radius-lg)}.theme-scope .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.theme-scope .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.theme-scope .stat-change-positive{font-size:var(--text-xs);color:var(--color-success)}.theme-scope .stat-change-negative{font-size:var(--text-xs);color:var(--color-danger)}.theme-scope .nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color .15s ease;text-decoration:none}.theme-scope .nav-link:hover{color:var(--color-text-primary)}.theme-scope .brand-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.theme-scope .footer-link{color:var(--color-text-secondary);transition:color .15s ease;text-decoration:none}.theme-scope .footer-link:hover{color:var(--color-primary)}.theme-scope .social-link{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .social-link:hover{color:var(--color-text-secondary)}.theme-scope .hero-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.theme-scope .hero-accent{color:var(--color-primary)}.theme-scope .hero-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.theme-scope .fine-print{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-scope .panel-header{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);border-bottom-left-radius:0;border-bottom-right-radius:0;transition:background-color .15s ease;cursor:pointer}.theme-scope .panel-header:has(+*:not([style*=\"display: none\"])):not(:has(+[x-show]:not([style]))){border-bottom:1px solid var(--color-border)}.theme-scope .panel-header[aria-expanded=true]{border-bottom:1px solid var(--color-border)}.theme-scope .panel-header:hover{background-color:var(--color-bg-muted)}.theme-scope .accordion-borderless .panel-header{border-radius:0;background-color:rgba(0,0,0,0)}.theme-scope .accordion-borderless .panel-header[aria-expanded=true]{border-bottom:none}.theme-scope .accordion-borderless .panel-header:hover{background-color:var(--color-bg-muted)}.theme-scope .panel-content{padding:1rem;font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.theme-scope .grid-2-responsive{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 768px){.theme-scope .grid-2-responsive{grid-template-columns:repeat(2, 1fr)}}.theme-scope .focus-ring:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary)}.theme-scope .focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary)}.theme-scope .tooltip{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;padding:.375rem .75rem;font-size:var(--text-xs);color:var(--color-white);background-color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);white-space:nowrap;z-index:50;pointer-events:none}.theme-scope .tooltip-arrow{position:absolute;top:100%;right:.375rem;margin-top:-0.25rem;border-width:.25rem;border-style:solid;border-color:var(--color-text-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.theme-scope .calendar-widget{--calendar-cell-size: 36px;--calendar-gap: 2px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.theme-scope .calendar-widget-xs{--calendar-cell-size: 24px;padding:.75rem;font-size:.75rem}.theme-scope .calendar-widget-xs .calendar-nav-title{font-size:.75rem}.theme-scope .calendar-widget-xs .calendar-weekday{font-size:.625rem}.theme-scope .calendar-widget-sm{--calendar-cell-size: 32px;padding:.875rem}.theme-scope .calendar-widget-sm .calendar-nav-title{font-size:.8125rem}.theme-scope .calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem}.theme-scope .calendar-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-nav-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.theme-scope .calendar-nav-btn .iconify{font-size:1.125rem}.theme-scope .calendar-nav-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-align:center;flex:1}.theme-scope .calendar-dropdowns{display:flex;gap:.375rem;flex:1;justify-content:center}.theme-scope .calendar-dropdown{padding:.25rem .5rem;font-size:.8125rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2371717a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;padding-right:20px}.theme-scope .calendar-dropdown:hover{border-color:var(--color-primary)}.theme-scope .calendar-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .calendar-grid{display:flex;flex-direction:column;gap:var(--calendar-gap)}.theme-scope .calendar-weekdays{display:flex;gap:var(--calendar-gap)}.theme-scope .calendar-weekday{width:var(--calendar-cell-size);height:calc(var(--calendar-cell-size)*.75);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.theme-scope .calendar-week{display:flex;gap:var(--calendar-gap)}.theme-scope .calendar-day{width:var(--calendar-cell-size);height:var(--calendar-cell-size);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-family:inherit;background:rgba(0,0,0,0);border:none;border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;position:relative;transition:all .1s ease}.theme-scope .calendar-day:hover:not(:disabled){background-color:var(--color-bg-secondary)}.theme-scope .calendar-day:focus{outline:none;box-shadow:0 0 0 2px var(--color-ring);z-index:1}.theme-scope .calendar-day-outside{color:var(--color-text-muted);opacity:.5}.theme-scope .calendar-day-today{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-weight:600}.theme-scope .calendar-day-selected{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;font-weight:600}.theme-scope .calendar-day-selected:hover{background-color:var(--color-primary-hover) !important;color:var(--color-text-on-dark) !important}.theme-scope .calendar-day-in-range{background-color:var(--color-primary-light, rgba(59, 130, 246, 0.1));border-radius:0}.theme-scope .calendar-day-range-start{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;border-top-left-radius:.375rem !important;border-bottom-left-radius:.375rem !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.theme-scope .calendar-day-range-end{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;border-top-right-radius:.375rem !important;border-bottom-right-radius:.375rem !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.theme-scope .calendar-day-range-start.calendar-day-range-end{border-radius:.375rem !important}.theme-scope .calendar-day-disabled{color:var(--color-text-muted) !important;opacity:.3;cursor:not-allowed}.theme-scope .date-picker-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;min-width:240px;justify-content:flex-start}.theme-scope .date-picker-trigger:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.theme-scope .date-picker-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .date-picker-trigger .date-picker-icon{color:var(--color-text-muted);font-size:1.125rem;flex-shrink:0}.theme-scope .calendar-footer{display:flex;justify-content:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.theme-scope .calendar-today-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-family:inherit;background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-today-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-primary)}.theme-scope .calendar-today-btn .iconify{font-size:1rem}.theme-scope .calendar-range-container{display:flex;gap:1.5rem;justify-content:center}.theme-scope .calendar-range-container .calendar-widget{border:none;box-shadow:none;padding:0;background:rgba(0,0,0,0)}.theme-scope .calendar-view-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background-color:var(--color-bg-muted);border-radius:.5rem}.theme-scope .calendar-view-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:rgba(0,0,0,0);border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-view-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .calendar-view-btn.active{background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.theme-scope .calendar-range-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.theme-scope .calendar-range-label{font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .datetime-picker-container{display:flex;flex-direction:column;gap:1rem;position:relative}.theme-scope .datetime-picker-row{display:flex;gap:1rem;align-items:flex-start}.theme-scope .datetime-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.theme-scope .datetime-picker-container .date-picker-trigger{min-width:180px;height:38px;padding:.5rem .75rem;justify-content:space-between}.theme-scope .datetime-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.theme-scope .time-picker-single-input{width:140px;height:38px;padding:.5rem .75rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:text;transition:all .15s ease}",[],[150,241,259],"0c19506c-e2e9-11f0-b39b-42dde27851f2","chat-app-1.css","0c19512a-e2e9-11f0-b39b-42dde27851f2",41,["D",1766815100594],".theme-scope{--color-text-primary: #0f172a;--color-text-secondary: oklch(21% 0.034 264.665);--color-text-muted: #94a3b8;--color-text-neutral: #475569;--color-text-neutral-dark: #334155;--color-text-disabled: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-muted: #f1f5f9;--color-bg-light: #F3F4F6;--color-bg-disabled: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-border-tab: #e4e4e7;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-dark: #1e40af;--color-primary-light: #eff6ff;--color-primary-lighter: #dbeafe;--color-primary-lightest: #bfdbfe;--color-primary-ring: rgba(59, 130, 246, 0.3);--color-primary-text: #ffffff;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-success-link: #059669;--color-success-link-hover: #047857;--color-success-ring: rgba(34, 197, 94, 0.3);--color-success-text: #ffffff;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-warning-link: #d97706;--color-warning-link-hover: #b45309;--color-warning-ring: rgba(245, 158, 11, 0.3);--color-warning-text: #ffffff;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #b91c1c;--color-danger-link: #dc2626;--color-danger-link-hover: #b91c1c;--color-danger-ring: rgba(239, 68, 68, 0.3);--color-danger-text: #ffffff;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-info: #0ea5e9;--color-info-light: #e0f2fe;--color-info-dark: #075985;--color-info-link: #0284c7;--color-info-link-hover: #0369a1;--color-info-ring: rgba(14, 165, 233, 0.3);--color-info-text: #ffffff;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-neutral: #71717a;--color-neutral-light: #f4f4f5;--color-neutral-dark: #3f3f46;--color-neutral-link: #52525b;--color-neutral-link-hover: #3f3f46;--color-neutral-ring: rgba(113, 113, 122, 0.3);--color-neutral-text: #ffffff;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-code-bg: #f1f5f9;--color-code-text: #e11d48;--color-code-bg-dark: #0f172a;--color-code-text-dark: #e2e8f0;--color-tab: #71717a;--color-tab-active: #3b82f6;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-white: #ffffff;--color-gray-ring: rgba(161, 161, 170, 0.2);--color-gray-ring-dark: rgba(15, 23, 42, 0.1);--color-bg-dark: #0f172a;--color-text-on-dark: #ffffff;--color-text-on-dark-muted: rgba(255, 255, 255, 0.85);--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-cta: #3b82f6;--color-cta-hover: #2563eb;--color-control-border: var(--color-border-light);--color-control-border-hover: var(--color-border);--color-control-bg: var(--color-bg-primary);--color-control-bg-hover: var(--color-bg-secondary);--color-control-checked: var(--color-primary);--color-control-checked-hover: var(--color-primary-hover);--color-control-checked-border: var(--color-primary);--color-control-checkmark: #ffffff;--color-control-ring: var(--color-primary-ring);--color-toggle-bg: var(--color-border);--color-toggle-bg-checked: var(--color-primary);--color-toggle-knob: #ffffff;--color-choice-border: var(--color-border-light);--color-choice-border-hover: var(--color-border);--color-choice-border-checked: var(--color-primary);--color-choice-bg: transparent;--color-choice-bg-hover: var(--color-bg-secondary);--color-choice-bg-checked: rgba(59, 130, 246, 0.05);--color-choice-ring: var(--color-primary)}.theme-scope{--space-btn-x: 0.875rem;--space-btn-y: 0.5rem;--space-btn-sm-x: 0.5rem;--space-btn-sm-y: 0.25rem;--space-btn-icon: 0.75rem;--space-input-x: 0.75rem;--space-input-y: 0.5rem;--space-card-padding: 1.25rem;--space-tab-x: 1rem;--space-tab-y: 0.5rem;--space-tab-modern-x: 1rem;--space-tab-modern-y: 0.5rem;--space-tab-btn-x: 1.25rem;--space-tab-btn-y: 0.625rem;--space-badge-x: 0.625rem;--space-badge-y: 0.25rem;--space-badge-sm-x: 0.5rem;--space-badge-sm-y: 0.125rem;--space-dropdown-item-x: 0.75rem;--space-dropdown-item-y: 0.5rem;--space-toast-x: 1rem;--space-toast-y: 1rem;--space-copy-btn-x: 0.625rem;--space-copy-btn-y: 0.25rem;--space-accordion-x: 1rem;--space-accordion-y: 1rem;--space-table-cell-x: 0.75rem;--space-table-cell-y: 0.75rem;--space-list-item-x: 1rem;--space-list-item-y: 0.75rem;--space-pagination-x: 0.75rem;--space-pagination-y: 0.5rem;--space-toggle-x: 0.75rem;--space-toggle-y: 0.5rem;--space-gap-xs: 0.25rem;--space-gap-sm: 0.5rem;--space-gap-md: 1rem;--space-gap-lg: 1.5rem}.theme-scope{--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;--font-mono: 'Menlo', ui-monospace, SFMono-Regular, 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;--font-display: var(--font-sans);--font-marketing: var(--font-sans);--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -0.05em;--tracking-tight: -0.025em;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-h5: 1rem;--text-h6: 0.875rem;--text-button: var(--text-sm);--text-button-sm: var(--text-xs);--text-badge: var(--text-xs);--text-input: var(--text-sm);--text-label: var(--text-sm);--text-copy-btn: var(--text-xs)}.theme-scope{--radius-none: 0;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-md);--radius-badge-pill: var(--radius-full);--radius-dropdown: var(--radius-md);--radius-tab: var(--radius-md);--radius-tab-modern: var(--radius-md);--radius-toast: var(--radius-lg)}.theme-scope{--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-card: var(--shadow-md);--shadow-dropdown: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-toast: 0 5px 15px -3px rgba(0, 0, 0, 0.08);--ring-width: 3px;--ring-offset: 0px}.theme-scope{font-family:var(--font-sans);color:var(--color-text-primary);line-height:1.5;background-color:var(--color-bg-primary);padding:1.25rem;border-radius:.5rem;box-sizing:border-box;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.theme-scope *,.theme-scope *::before,.theme-scope *::after{box-sizing:border-box;border-style:none;border-width:0}.theme-scope h1,.theme-scope h2,.theme-scope h3,.theme-scope h4,.theme-scope h5,.theme-scope h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-0.015em}.theme-scope h1{font-size:var(--text-h1);margin-bottom:.75rem}.theme-scope h2{font-size:var(--text-2xl);margin-bottom:.625rem}.theme-scope h3{font-size:var(--text-xl);margin-bottom:.5rem}.theme-scope h4{font-size:var(--text-lg);margin-bottom:.5rem}.theme-scope h5{font-size:var(--text-base);margin-bottom:.375rem}.theme-scope h6{font-size:var(--text-sm);margin-bottom:.25rem}.theme-scope p{margin-bottom:.75rem;color:var(--color-text-primary);line-height:1.6}.theme-scope strong,.theme-scope b{font-weight:var(--font-semibold);color:var(--color-text-primary)}.theme-scope em,.theme-scope i{font-style:italic}.theme-scope .text-display-xl{font-size:2.25rem;font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-lg{font-size:1.875rem;font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-md{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-sm{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .link,.theme-scope a{color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out}.theme-scope .link:hover,.theme-scope a:hover{color:var(--color-primary-hover);text-decoration:underline}.theme-scope code{padding:.125rem .375rem;background-color:var(--color-code-bg);color:var(--color-code-text);border-radius:var(--radius-sm);font-family:var(--font-mono, ui-monospace, monospace);font-size:.875em}.theme-scope pre{padding:1rem;background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:1rem}.theme-scope pre code{padding:0;background-color:rgba(0,0,0,0);color:inherit;border-radius:0;font-size:var(--text-sm)}.theme-scope blockquote{padding-left:1rem;border-left:4px solid var(--color-border);color:var(--color-text-neutral);font-style:italic;margin-bottom:1rem}.theme-scope hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.theme-scope .font-serif{font-family:ui-serif,Georgia,Cambria,\"Times New Roman\",Times,serif}.theme-scope .font-bold{font-weight:var(--font-bold)}.theme-scope .italic{font-style:italic}.theme-scope ul,.theme-scope ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--color-text-neutral)}.theme-scope ul{list-style-type:disc}.theme-scope ol{list-style-type:decimal}.theme-scope li{margin-bottom:.5rem}.theme-scope ul ul,.theme-scope ol ol{margin-top:.5rem;margin-bottom:.5rem}.theme-scope .list-none{list-style-type:none;padding-left:0}.theme-scope dl{margin-bottom:1rem}.theme-scope dt{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope dd{margin-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.theme-scope table{width:100%;margin-bottom:1rem}.theme-scope th{padding:.75rem;font-weight:var(--font-semibold);text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.theme-scope td{padding:.75rem;color:var(--color-text-neutral);border-bottom:1px solid var(--color-border)}.theme-scope tbody tr:last-child td{border-bottom:none}.theme-scope .app-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.theme-scope .app-table th,.theme-scope .app-table td{border:none;border-bottom:1px solid var(--color-border)}.theme-scope .app-table th{background-color:var(--color-bg-secondary)}.theme-scope .app-table tbody tr:last-child td{border-bottom:none}.theme-scope .app-table th:not(:last-child),.theme-scope .app-table td:not(:last-child){border-right:1px solid var(--color-border)}.theme-scope .data-table td{padding:.25rem 1rem}.theme-scope .data-table th{padding:.5rem 1rem;height:1.3rem}.theme-scope tr:hover{background-color:var(--color-bg-secondary)}.theme-scope .table-compact{border-collapse:collapse;background-color:var(--color-bg-primary)}.theme-scope .table-compact caption{caption-side:bottom;text-align:left;color:var(--color-text-muted);font-size:var(--text-sm);padding:.75rem 1rem;margin-top:0}.theme-scope .table-compact thead{background-color:rgba(0,0,0,0)}.theme-scope .table-compact thead tr{border-bottom:1px solid var(--color-border);transition:none}.theme-scope .table-compact thead tr:hover{background-color:rgba(0,0,0,0)}.theme-scope .table-compact thead th{height:3rem;padding:.75rem 1rem;text-align:left;font-weight:var(--font-medium);color:var(--color-text-muted);font-size:var(--text-sm);vertical-align:middle;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--color-border)}.theme-scope .table-compact thead th.text-right{text-align:right}.theme-scope .table-compact tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.theme-scope .table-compact tbody tr:hover{background-color:var(--color-bg-muted)}.theme-scope .table-compact tbody tr:last-child{border-bottom:none}.theme-scope .table-compact tbody td{padding:.75rem 1rem;vertical-align:middle;border:none;color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .table-compact tfoot{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-weight:var(--font-medium)}.theme-scope .table-compact tfoot tr{border:none}.theme-scope .table-compact tfoot tr:hover{background-color:var(--color-bg-secondary)}.theme-scope .table-compact tfoot td{padding:.75rem 1rem;border:none;color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .table-compact .table-caption{caption-side:bottom;margin-top:.5rem;padding:.75rem 1rem;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.theme-scope .expandable-table-container{font-size:var(--text-sm)}.theme-scope .expandable-table-header-row{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem}.theme-scope .expandable-table-header-row .exp-col-name{flex:1;min-width:0;padding-left:0}.theme-scope .expandable-table-header-row .exp-col-type{width:100px;flex-shrink:0}.theme-scope .expandable-table-header-row .exp-col-status{width:100px;flex-shrink:0}.theme-scope .expandable-table-header-row .exp-col-date{width:110px;flex-shrink:0;text-align:right}.theme-scope .expandable-row{border-bottom:none;border-bottom-width:1px;--tw-divide-y-reverse: 0;margin-bottom:0;border-radius:0;padding:0;background:var(--color-white)}.theme-scope .expandable-row:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.theme-scope .expandable-row:first-child summary{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.theme-scope .expandable-row:last-child{border-bottom:1px solid var(--color-border) !important;border-bottom-width:1px !important;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.theme-scope .expandable-row:not(:first-child):not(:last-child){border-radius:0}.theme-scope .expandable-row:not(:first-child):not(:last-child) summary{border-radius:0}.theme-scope .expandable-row summary{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;cursor:pointer;transition:background-color .15s ease;border-radius:0;margin-bottom:0 !important}.theme-scope .expandable-row summary:hover{background-color:var(--color-bg-muted)}.theme-scope .expandable-row summary .exp-col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .expandable-row summary .exp-col-type{width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .expandable-row summary .exp-col-status{width:100px;flex-shrink:0}.theme-scope .expandable-row summary .exp-col-date{width:110px;flex-shrink:0;text-align:right;white-space:nowrap;color:var(--color-text-muted)}.theme-scope .expandable-row[open] summary{background-color:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}.theme-scope .expandable-row-content{padding:1rem 1rem 1rem 2.5rem}.theme-scope input[type=text],.theme-scope input[type=email],.theme-scope input[type=password],.theme-scope input[type=number],.theme-scope input[type=url],.theme-scope input[type=search],.theme-scope input[type=tel],.theme-scope input[type=date],.theme-scope input[type=time],.theme-scope input[type=datetime-local],.theme-scope input[type=month],.theme-scope input[type=week],.theme-scope input[type=file],.theme-scope textarea,.theme-scope select,.theme-scope .form-input,.theme-scope .form-select{display:block;width:100%;margin:0;padding:.5rem .625rem;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.theme-scope .form-input.pl-10{padding-left:2.5rem}.theme-scope .form-input.rounded-none,.theme-scope textarea.form-input.rounded-none,.theme-scope input.form-input.rounded-none{border-radius:0}.theme-scope .form-input.rounded-t-none,.theme-scope textarea.form-input.rounded-t-none,.theme-scope input.form-input.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.theme-scope .form-input.rounded-b-none,.theme-scope textarea.form-input.rounded-b-none,.theme-scope input.form-input.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.theme-scope input[type=text]:focus,.theme-scope input[type=email]:focus,.theme-scope input[type=password]:focus,.theme-scope input[type=number]:focus,.theme-scope input[type=url]:focus,.theme-scope input[type=search]:focus,.theme-scope input[type=tel]:focus,.theme-scope input[type=date]:focus,.theme-scope input[type=time]:focus,.theme-scope input[type=datetime-local]:focus,.theme-scope input[type=month]:focus,.theme-scope input[type=week]:focus,.theme-scope input[type=file]:focus,.theme-scope textarea:focus,.theme-scope select:focus,.theme-scope .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.theme-scope input[type=text]:disabled,.theme-scope input[type=email]:disabled,.theme-scope input[type=password]:disabled,.theme-scope input[type=number]:disabled,.theme-scope input[type=url]:disabled,.theme-scope input[type=search]:disabled,.theme-scope input[type=tel]:disabled,.theme-scope input[type=date]:disabled,.theme-scope input[type=time]:disabled,.theme-scope input[type=datetime-local]:disabled,.theme-scope input[type=month]:disabled,.theme-scope input[type=week]:disabled,.theme-scope input[type=file]:disabled,.theme-scope textarea:disabled,.theme-scope select:disabled,.theme-scope .form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.theme-scope input[readonly],.theme-scope textarea[readonly],.theme-scope .form-input[readonly]{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.theme-scope textarea{resize:vertical;min-height:80px;overflow:hidden}.theme-scope textarea.no-auto-grow{resize:both;overflow:auto}.theme-scope select,.theme-scope .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem 1.25rem;padding-right:2.5rem}.theme-scope select:disabled,.theme-scope .form-select:disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23cbd5e1' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\")}.theme-scope label,.theme-scope .form-label{display:block;margin-bottom:.5rem;font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .form-label-inline,.theme-scope .form-label.inline{display:inline;margin-bottom:0}.theme-scope .field-check,.theme-scope label.field-check{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;margin-bottom:0}.theme-scope .field-check.items-center{align-items:center}.theme-scope .field-check input[type=checkbox],.theme-scope .field-check input[type=radio]{margin-top:.125rem;flex-shrink:0}.theme-scope .field-check.items-center input[type=checkbox],.theme-scope .field-check.items-center input[type=radio]{margin-top:0}.theme-scope .field-check>span,.theme-scope .field-check>div{flex:1}.theme-scope .field-check .field-check-label{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.25}.theme-scope .field-check .field-check-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.theme-scope input[type=checkbox],.theme-scope input[type=radio],.theme-scope .form-checkbox,.theme-scope .form-radio{display:inline-block;width:1rem;height:1rem;min-width:1rem;flex-shrink:0;background-color:var(--color-control-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease-in-out;accent-color:var(--color-control-checked)}.theme-scope input[type=radio]{border-radius:50%}.theme-scope input[type=checkbox]:hover,.theme-scope input[type=radio]:hover{background-color:var(--color-control-bg-hover);border-color:var(--color-control-border-hover)}.theme-scope input[type=checkbox]:checked,.theme-scope input[type=radio]:checked{background-color:var(--color-control-checked);border-color:var(--color-control-checked-border)}.theme-scope input[type=checkbox]:checked:hover,.theme-scope input[type=radio]:checked:hover{background-color:var(--color-control-checked-hover);border-color:var(--color-control-checked-hover)}.theme-scope input[type=checkbox]:focus,.theme-scope input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px var(--color-control-ring)}.theme-scope input[type=range],.theme-scope .form-range{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.theme-scope input[type=range]::-webkit-slider-runnable-track,.theme-scope .form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full)}.theme-scope input[type=range]::-webkit-slider-thumb,.theme-scope .form-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;margin-top:-0.375rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope input[type=range]::-webkit-slider-thumb:hover,.theme-scope .form-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope input[type=range]::-webkit-slider-thumb:active,.theme-scope .form-range::-webkit-slider-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope input[type=range]::-moz-range-track,.theme-scope .form-range::-moz-range-track{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);border:none}.theme-scope input[type=range]::-moz-range-thumb,.theme-scope .form-range::-moz-range-thumb{width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope input[type=range]::-moz-range-thumb:hover,.theme-scope .form-range::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope input[type=range]::-moz-range-thumb:active,.theme-scope .form-range::-moz-range-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope input[type=range]:focus,.theme-scope .form-range:focus{outline:none}.theme-scope input[type=range]:focus::-webkit-slider-thumb,.theme-scope .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope input[type=range]:focus::-moz-range-thumb,.theme-scope .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope input[type=checkbox].form-toggle{appearance:none;width:2.75rem;height:1.5rem;background-color:var(--color-toggle-bg);border-radius:var(--radius-full);position:relative;cursor:pointer;outline:none;transition:background-color .2s ease-in-out;border:none;flex-shrink:0;box-sizing:border-box;margin:0}.theme-scope .form-toggle::after{content:\"\";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:var(--color-toggle-knob);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease-in-out}.theme-scope input[type=checkbox].form-toggle:checked{background-color:var(--color-toggle-bg-checked);border-color:rgba(0,0,0,0)}.theme-scope .form-toggle:checked::after{transform:translateX(1.25rem)}.theme-scope input[type=checkbox].form-toggle:focus{box-shadow:0 0 0 3px var(--color-control-ring)}.theme-scope input[type=checkbox].form-toggle:disabled{opacity:.5;cursor:not-allowed}.theme-scope .input-group{display:flex;position:relative;width:100%;align-items:stretch}.theme-scope .input-group-text{display:flex;align-items:center;padding:.5rem .625rem;font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);color:var(--color-text-secondary);text-align:center;white-space:nowrap;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.theme-scope label.input-group-text,.theme-scope .form-label.input-group-text,.theme-scope .input-group-text label,.theme-scope .input-group-text .form-label{margin-bottom:0}.theme-scope .input-group .form-input,.theme-scope .input-group .form-select{flex:1 1 auto;width:1%;min-width:0;border-radius:var(--radius-md)}.theme-scope .input-group textarea{min-height:auto;height:auto}.theme-scope .input-group>:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.theme-scope .input-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.theme-scope .input-group .form-input:focus,.theme-scope .input-group .form-select:focus,.theme-scope .input-group .btn-primary:focus,.theme-scope .input-group .btn-secondary:focus,.theme-scope .input-group .action-btn:focus{z-index:20;position:relative}.theme-scope .input-group .btn-primary,.theme-scope .input-group .btn-secondary,.theme-scope .input-group .action-btn{position:relative;z-index:10}.theme-scope .btn-primary,.theme-scope .action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary-text);background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-primary:hover,.theme-scope .action-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-scope .btn-primary:focus,.theme-scope .action-btn:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-primary:active,.theme-scope .action-btn:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.theme-scope .btn-primary:disabled,.theme-scope .action-btn:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-primary.btn-icon,.theme-scope .action-btn.btn-icon{padding:var(--space-btn-icon);border-radius:var(--radius-2xl);min-width:44px;aspect-ratio:1}.theme-scope .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:var(--color-primary-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-secondary:hover{background-color:var(--color-primary-lighter);color:var(--color-primary-hover)}.theme-scope .btn-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-secondary:active{background-color:var(--color-primary-lightest);color:var(--color-primary-active)}.theme-scope .btn-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-tertiary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-tertiary:hover{background-color:var(--color-bg-secondary);color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-scope .btn-tertiary:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-tertiary:active{background-color:var(--color-bg-muted);color:var(--color-primary-active);border-color:var(--color-primary-active)}.theme-scope .btn-tertiary:disabled{background-color:rgba(0,0,0,0);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-link:hover{color:var(--color-primary-hover);text-decoration:underline;background-color:var(--color-bg-secondary)}.theme-scope .btn-link:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-link:active{color:var(--color-primary-active)}.theme-scope .btn-link:disabled{color:var(--color-text-disabled);cursor:not-allowed;text-decoration:none;opacity:.6}.theme-scope .btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .btn-ghost:focus{outline:none;background-color:var(--color-bg-secondary);box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring)}.theme-scope .btn-ghost:active{background-color:var(--color-bg-muted)}.theme-scope .btn-ghost:disabled{color:var(--color-text-disabled);cursor:not-allowed;background-color:rgba(0,0,0,0);opacity:.6}.theme-scope .copy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-gap-sm);padding:var(--space-copy-btn-y) var(--space-copy-btn-x);font-size:var(--text-copy-btn);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .copy-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.theme-scope .copy-button:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .copy-button:active{background-color:var(--color-bg-muted)}.theme-scope .copy-button-copied{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-gap-sm);padding:var(--space-copy-btn-y) var(--space-copy-btn-x);font-size:var(--text-copy-btn);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-text);background-color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .copy-button-copied:hover{background-color:var(--color-success-link);border-color:var(--color-success-link)}.theme-scope .btn-group{display:inline-flex;isolation:isolate;vertical-align:middle}.theme-scope .btn-group>.dropdown{display:flex}.theme-scope .btn-group>.btn-primary,.theme-scope .btn-group>.btn-secondary,.theme-scope .btn-group>.btn-tertiary,.theme-scope .btn-group>.btn-danger,.theme-scope .btn-group>.btn-success,.theme-scope .btn-group>.btn-warning,.theme-scope .btn-group>.btn-info,.theme-scope .btn-group>.btn-neutral,.theme-scope .btn-group>.btn-gray,.theme-scope .btn-group>.btn-danger-secondary,.theme-scope .btn-group>.btn-success-secondary,.theme-scope .btn-group>.btn-warning-secondary,.theme-scope .btn-group>.btn-info-secondary,.theme-scope .btn-group>.btn-neutral-secondary,.theme-scope .btn-group>.btn-gray-secondary,.theme-scope .btn-group>.dropdown>.btn-primary,.theme-scope .btn-group>.dropdown>.btn-secondary,.theme-scope .btn-group>.dropdown>.btn-tertiary,.theme-scope .btn-group>.dropdown>.btn-danger,.theme-scope .btn-group>.dropdown>.btn-success,.theme-scope .btn-group>.dropdown>.btn-warning,.theme-scope .btn-group>.dropdown>.btn-info,.theme-scope .btn-group>.dropdown>.btn-neutral,.theme-scope .btn-group>.dropdown>.btn-gray,.theme-scope .btn-group>.dropdown>.btn-danger-secondary,.theme-scope .btn-group>.dropdown>.btn-success-secondary,.theme-scope .btn-group>.dropdown>.btn-warning-secondary,.theme-scope .btn-group>.dropdown>.btn-info-secondary,.theme-scope .btn-group>.dropdown>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown>.btn-gray-secondary,.theme-scope .btn-group>.action-btn{position:relative;border-width:1px !important;box-shadow:none !important}.theme-scope .btn-group>.btn-secondary:not(:first-child),.theme-scope .btn-group>.btn-danger-secondary:not(:first-child),.theme-scope .btn-group>.btn-success-secondary:not(:first-child),.theme-scope .btn-group>.btn-warning-secondary:not(:first-child),.theme-scope .btn-group>.btn-info-secondary:not(:first-child),.theme-scope .btn-group>.btn-neutral-secondary:not(:first-child),.theme-scope .btn-group>.btn-gray-secondary:not(:first-child),.theme-scope .btn-group>.dropdown>.btn-secondary,.theme-scope .btn-group>.dropdown>.btn-danger-secondary,.theme-scope .btn-group>.dropdown>.btn-success-secondary,.theme-scope .btn-group>.dropdown>.btn-warning-secondary,.theme-scope .btn-group>.dropdown>.btn-info-secondary,.theme-scope .btn-group>.dropdown>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown>.btn-gray-secondary{border-left-width:1px !important}.theme-scope .btn-group>*:not(:first-child){margin-left:-1px}.theme-scope .btn-group>.btn-primary:first-child,.theme-scope .btn-group>.btn-secondary:first-child,.theme-scope .btn-group>.btn-tertiary:first-child,.theme-scope .btn-group>.btn-danger:first-child,.theme-scope .btn-group>.btn-success:first-child,.theme-scope .btn-group>.btn-warning:first-child,.theme-scope .btn-group>.btn-info:first-child,.theme-scope .btn-group>.btn-neutral:first-child,.theme-scope .btn-group>.btn-gray:first-child,.theme-scope .btn-group>.btn-danger-secondary:first-child,.theme-scope .btn-group>.btn-success-secondary:first-child,.theme-scope .btn-group>.btn-warning-secondary:first-child,.theme-scope .btn-group>.btn-info-secondary:first-child,.theme-scope .btn-group>.btn-neutral-secondary:first-child,.theme-scope .btn-group>.btn-gray-secondary:first-child,.theme-scope .btn-group>.dropdown:first-child>.btn-primary,.theme-scope .btn-group>.dropdown:first-child>.btn-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-tertiary,.theme-scope .btn-group>.dropdown:first-child>.btn-danger,.theme-scope .btn-group>.dropdown:first-child>.btn-success,.theme-scope .btn-group>.dropdown:first-child>.btn-warning,.theme-scope .btn-group>.dropdown:first-child>.btn-info,.theme-scope .btn-group>.dropdown:first-child>.btn-neutral,.theme-scope .btn-group>.dropdown:first-child>.btn-gray,.theme-scope .btn-group>.dropdown:first-child>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-success-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-info-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-gray-secondary{border-top-right-radius:0;border-bottom-right-radius:0}.theme-scope .btn-group>.btn-primary:last-child,.theme-scope .btn-group>.btn-secondary:last-child,.theme-scope .btn-group>.btn-tertiary:last-child,.theme-scope .btn-group>.btn-danger:last-child,.theme-scope .btn-group>.btn-success:last-child,.theme-scope .btn-group>.btn-warning:last-child,.theme-scope .btn-group>.btn-info:last-child,.theme-scope .btn-group>.btn-neutral:last-child,.theme-scope .btn-group>.btn-gray:last-child,.theme-scope .btn-group>.btn-danger-secondary:last-child,.theme-scope .btn-group>.btn-success-secondary:last-child,.theme-scope .btn-group>.btn-warning-secondary:last-child,.theme-scope .btn-group>.btn-info-secondary:last-child,.theme-scope .btn-group>.btn-neutral-secondary:last-child,.theme-scope .btn-group>.btn-gray-secondary:last-child,.theme-scope .btn-group>.dropdown:last-child>.btn-primary,.theme-scope .btn-group>.dropdown:last-child>.btn-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-tertiary,.theme-scope .btn-group>.dropdown:last-child>.btn-danger,.theme-scope .btn-group>.dropdown:last-child>.btn-success,.theme-scope .btn-group>.dropdown:last-child>.btn-warning,.theme-scope .btn-group>.dropdown:last-child>.btn-info,.theme-scope .btn-group>.dropdown:last-child>.btn-neutral,.theme-scope .btn-group>.dropdown:last-child>.btn-gray,.theme-scope .btn-group>.dropdown:last-child>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-success-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-info-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-gray-secondary{border-top-left-radius:0;border-bottom-left-radius:0}.theme-scope .btn-group>.btn-primary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-tertiary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-danger:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-success:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-warning:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-info:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-neutral:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-gray:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-danger-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-success-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-warning-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-info-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-neutral-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-gray-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-primary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-tertiary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-danger,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-success,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-warning,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-info,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-neutral,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-gray,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-success-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-info-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-gray-secondary{border-radius:0}.theme-scope .btn-group>*:hover,.theme-scope .btn-group>.dropdown:hover{z-index:2}.theme-scope .btn-group>*:focus,.theme-scope .btn-group>.dropdown:focus-within{z-index:3}.theme-scope .btn-icon-only{padding:var(--space-btn-icon);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.theme-scope .btn-sm,.theme-scope .btn-short{font-size:.75rem !important;padding:var(--space-btn-sm-y) var(--space-btn-sm-x) !important;line-height:1.25 !important}.theme-scope .btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger-link);background-color:var(--color-danger-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger-soft:hover{background-color:#fecaca;color:var(--color-danger-link-hover)}.theme-scope .btn-danger-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-danger-ring)}.theme-scope .btn-danger-soft:active{background-color:#fca5a5}.theme-scope .btn-danger-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-success-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-link);background-color:var(--color-success-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success-soft:hover{background-color:#bbf7d0;color:var(--color-success-link-hover)}.theme-scope .btn-success-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-success-ring)}.theme-scope .btn-success-soft:active{background-color:#86efac}.theme-scope .btn-success-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-warning-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-link);background-color:var(--color-warning-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning-soft:hover{background-color:#fde68a;color:var(--color-warning-link-hover)}.theme-scope .btn-warning-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-warning-ring)}.theme-scope .btn-warning-soft:active{background-color:#fcd34d}.theme-scope .btn-warning-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-info-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-link);background-color:var(--color-info-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info-soft:hover{background-color:#bae6fd;color:var(--color-info-link-hover)}.theme-scope .btn-info-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-info-ring)}.theme-scope .btn-info-soft:active{background-color:#7dd3fc}.theme-scope .btn-info-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-neutral-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-link);background-color:var(--color-neutral-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral-soft:hover{background-color:#e4e4e7;color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-neutral-ring)}.theme-scope .btn-neutral-soft:active{background-color:#d4d4d8}.theme-scope .btn-neutral-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-gray-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray-soft:hover{background-color:var(--color-border)}.theme-scope .btn-gray-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring-dark)}.theme-scope .btn-gray-soft:active{background-color:var(--color-border-light)}.theme-scope .btn-gray-soft:disabled{background-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.theme-scope .btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger-text);background-color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger:hover{background-color:var(--color-danger-link);border-color:var(--color-danger-link)}.theme-scope .btn-danger:focus{outline:none;box-shadow:0 0 0 3px rgba(239,68,68,.3)}.theme-scope .btn-danger:active{background-color:var(--color-danger-link-hover);border-color:var(--color-danger-link-hover)}.theme-scope .btn-danger:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-success{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-text);background-color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success:hover{background-color:var(--color-success-link);border-color:var(--color-success-link)}.theme-scope .btn-success:focus{outline:none;box-shadow:0 0 0 3px rgba(34,197,94,.3)}.theme-scope .btn-success:active{background-color:var(--color-success-link-hover);border-color:var(--color-success-link-hover)}.theme-scope .btn-success:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-warning{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-text);background-color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning:hover{background-color:var(--color-warning-link);border-color:var(--color-warning-link)}.theme-scope .btn-warning:focus{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.3)}.theme-scope .btn-warning:active{background-color:var(--color-warning-link-hover);border-color:var(--color-warning-link-hover)}.theme-scope .btn-warning:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-info{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-text);background-color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info:hover{background-color:var(--color-info-link);border-color:var(--color-info-link)}.theme-scope .btn-info:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.3)}.theme-scope .btn-info:active{background-color:var(--color-info-link-hover);border-color:var(--color-info-link-hover)}.theme-scope .btn-info:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-neutral{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-text);background-color:var(--color-neutral);border:1px solid var(--color-neutral);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral:hover{background-color:var(--color-neutral-link);border-color:var(--color-neutral-link)}.theme-scope .btn-neutral:focus{outline:none;box-shadow:0 0 0 3px rgba(113,113,122,.3)}.theme-scope .btn-neutral:active{background-color:var(--color-neutral-link-hover);border-color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-gray{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray:hover{background-color:var(--color-border-light);border-color:var(--color-border-light)}.theme-scope .btn-gray:focus{outline:none;box-shadow:0 0 0 3px rgba(148,163,184,.3)}.theme-scope .btn-gray:active{background-color:var(--color-text-muted);border-color:var(--color-text-muted)}.theme-scope .btn-gray:disabled{background-color:var(--color-bg-muted);border-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.theme-scope .btn-danger-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger);background-color:var(--color-danger-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger-secondary:hover{background-color:#fecaca;color:var(--color-danger-link)}.theme-scope .btn-danger-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(239,68,68,.2)}.theme-scope .btn-danger-secondary:active{background-color:#fca5a5;color:var(--color-danger-link-hover)}.theme-scope .btn-danger-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-success-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-link);background-color:var(--color-success-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success-secondary:hover{background-color:#bbf7d0;color:var(--color-success-link-hover)}.theme-scope .btn-success-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(34,197,94,.2)}.theme-scope .btn-success-secondary:active{background-color:#86efac;color:var(--color-success-dark)}.theme-scope .btn-success-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-warning-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-link);background-color:var(--color-warning-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning-secondary:hover{background-color:#fde68a;color:var(--color-warning-link-hover)}.theme-scope .btn-warning-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(245,158,11,.2)}.theme-scope .btn-warning-secondary:active{background-color:#fcd34d;color:var(--color-warning-dark)}.theme-scope .btn-warning-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-info-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-link);background-color:var(--color-info-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info-secondary:hover{background-color:#bae6fd;color:var(--color-info-link-hover)}.theme-scope .btn-info-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(14,165,233,.2)}.theme-scope .btn-info-secondary:active{background-color:#7dd3fc;color:var(--color-info-dark)}.theme-scope .btn-info-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-neutral-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-link);background-color:var(--color-neutral-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral-secondary:hover{background-color:#e4e4e7;color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(113,113,122,.2)}.theme-scope .btn-neutral-secondary:active{background-color:#d4d4d8;color:var(--color-neutral-dark)}.theme-scope .btn-neutral-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-gray-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.theme-scope .btn-gray-secondary:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring-dark)}.theme-scope .btn-gray-secondary:active{background-color:var(--color-bg-muted)}.theme-scope .btn-gray-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .card,.theme-scope .app-card{padding:var(--space-card-padding);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1rem}.theme-scope .card-title,.theme-scope .app-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.5rem}.theme-scope .card-content,.theme-scope .app-card-content{color:var(--color-text-secondary)}.theme-scope .demo-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.theme-scope .demo-card p:last-child{margin-bottom:0}.theme-scope .app-card p:last-child,.theme-scope .app-card-content p:last-child{margin-bottom:0}.theme-scope div[class*=border][class*=rounded] p:last-child,.theme-scope div[class*=border][class*=p-] p:last-child{margin-bottom:0}.theme-scope .accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.theme-scope .accordion-group{display:flex;flex-direction:column;gap:.5rem}.theme-scope .accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .accordion-item-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.theme-scope .accordion-button{width:100%;padding:.5rem 1rem .5rem 1rem;background-color:var(--color-bg-secondary);border:none;text-align:left;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;font-weight:var(--font-medium);color:var(--color-text-primary);transition:background-color .15s ease-in-out}.theme-scope .accordion-button:hover{background-color:var(--color-bg-muted)}.theme-scope .accordion-icon{flex-shrink:0;position:relative}.theme-scope .accordion-icon-line{fill:var(--color-text-secondary);transition:opacity .2s ease-in-out}.theme-scope .accordion-icon-line-vertical{transform-origin:center;transform:rotate(0deg)}.theme-scope .accordion-icon-rotated{transform:rotate(90deg)}.theme-scope .accordion-button-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.theme-scope .accordion-button-open .accordion-button-icon{transform:rotate(180deg)}.theme-scope .accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden;margin:0}.theme-scope .accordion-content-open{grid-template-rows:1fr}.theme-scope .accordion-content-inner{overflow:hidden;padding:0 1rem;min-height:0;color:var(--color-text-secondary);opacity:0;transition:opacity .3s ease-out,padding .3s ease-out}.theme-scope .accordion-content-open .accordion-content-inner{padding:1rem 1rem 1rem 1rem;opacity:1}.theme-scope .accordion-content-inner p:last-child{margin-bottom:0}.theme-scope .accordion-single{border:none;border-radius:0}.theme-scope .accordion-single .accordion-item{border:none;border-radius:0;overflow:visible}.theme-scope .accordion-single .accordion-item:not(:last-child){border-bottom:1px solid var(--color-border)}.theme-scope .accordion-single .accordion-button{padding:1rem 0;background-color:rgba(0,0,0,0);justify-content:space-between;font-weight:var(--font-medium);border:none}.theme-scope .accordion-single .accordion-button:hover{background-color:rgba(0,0,0,0)}.theme-scope .accordion-single .accordion-button-icon{width:1rem;height:1rem;transition:transform .2s ease-in-out;flex-shrink:0;margin-left:1rem}.theme-scope .accordion-single .accordion-button[aria-expanded=true] .accordion-button-icon{transform:rotate(180deg)}.theme-scope .accordion-single .accordion-content-inner{padding:0}.theme-scope .accordion-single .accordion-content-open .accordion-content-inner{padding:.5rem 0 1rem 0}",[],[150,241,267],"0b67b2d0-e2e9-11f0-9dc9-42dde27851f2","tokens","0b67b3ac-e2e9-11f0-9dc9-42dde27851f2","0ac3cc10-e2e9-11f0-9dc9-42dde27851f2",18,["D",1766815099504],[],[150,241,282,275],"design-system","0b517092-e2e9-11f0-8ff9-42dde27851f2","startup","0b517128-e2e9-11f0-8ff9-42dde27851f2",17,["D",1766815099358],[],[150,241,282,284],"0b3a3fee-e2e9-11f0-b141-42dde27851f2","retro","0b3a40c0-e2e9-11f0-b141-42dde27851f2",16,["D",1766815099205],[],[150,241,282,291],"0af97dd8-e2e9-11f0-9dc9-42dde27851f2","luma","0af97e82-e2e9-11f0-9dc9-42dde27851f2",13,["D",1766815098782],[],[150,241,282,298],"0b0ef0d2-e2e9-11f0-8ff9-42dde27851f2","groq","0b0ef186-e2e9-11f0-8ff9-42dde27851f2",14,["D",1766815098922],[],[150,241,282,305],"0b2451b6-e2e9-11f0-b11e-42dde27851f2","default","0b245274-e2e9-11f0-b11e-42dde27851f2",15,["D",1766815099062],[],[150,241,282,312],"0ae1deee-e2e9-11f0-b941-42dde27851f2","corporate","0ae1dfb6-e2e9-11f0-b941-42dde27851f2",12,["D",1766815098617],[],[150,241,282,319],"0ac3cb52-e2e9-11f0-9dc9-42dde27851f2",11,["D",1766815098430],[211,212,213,214,215,216,217],[150,241,282],"0c26e290-e2e9-11f0-9dc9-42dde27851f2","0aa9eea8-e2e9-11f0-9dc9-42dde27851f2",["D",1766815100746],[],[150,241,335,32],"components","0c0966d4-e2e9-11f0-9dc9-42dde27851f2","_model-picker.scss","0c096788-e2e9-11f0-9dc9-42dde27851f2",37,["D",1766815100563],"// Model Picker Styles\n\n.model-picker-button {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.8125rem;\n color: #64748b;\n background: transparent;\n border: none;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: all 0.15s ease;\n max-width: 160px;\n \n &:hover {\n background: #f1f5f9;\n color: #334155;\n }\n}\n\n.model-picker-dropdown {\n position: absolute;\n left: 0;\n width: 420px;\n padding: 0;\n background: white;\n border: 1px solid #e2e8f0;\n border-radius: 0.75rem;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n z-index: 50;\n overflow: hidden;\n}\n\n.model-picker-search {\n display: flex;\n align-items: center;\n padding: 0 0.75rem;\n border-bottom: 1px solid #f1f5f9;\n}\n\n.model-picker-search-input {\n flex: 1;\n height: 2.5rem;\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n font-size: 0.875rem;\n \n &::placeholder {\n color: #94a3b8;\n }\n \n &:focus {\n outline: none !important;\n box-shadow: none !important;\n border: none !important;\n ring: none;\n }\n}\n\n.model-picker-list {\n max-height: 220px;\n overflow-y: auto;\n padding: 0.25rem;\n}\n\n.model-picker-item {\n display: flex;\n align-items: center;\n padding: 0.5rem 0.625rem;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: background 0.15s ease;\n \n &:hover {\n background: #f8fafc;\n }\n \n .text-primary {\n color: #f97316;\n }\n \n .font-medium {\n font-size: 0.875rem;\n }\n}\n\n.model-picker-item-selected {\n background: #f1f5f9;\n}\n\n.model-picker-item-preview {\n background: #f8fafc;\n}\n\n.model-picker-logo {\n width: 1.5rem;\n height: 1.5rem;\n margin-right: 0.625rem;\n flex-shrink: 0;\n border-radius: 0.375rem;\n object-fit: contain;\n}\n\n.model-picker-preview-badge {\n font-size: 0.625rem;\n font-weight: 500;\n padding: 0.125rem 0.375rem;\n border-radius: 0.25rem;\n background: #f1f5f9;\n color: #64748b;\n border: 1px solid #e2e8f0;\n text-transform: uppercase;\n letter-spacing: 0.025em;\n flex-shrink: 0;\n}\n\n",[],[150,241,335,337],"0c1613b6-e2e9-11f0-b941-42dde27851f2","_layout.scss","0c161492-e2e9-11f0-b941-42dde27851f2",40,["D",1766815100645],"// Chat Layout and Structure\n\n.chat-layout {\n display: flex;\n height: 100vh;\n overflow: hidden;\n}\n\n.chat-main {\n flex: 1;\n min-width: 0;\n height: 100vh;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.chat-main .chat-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: 0;\n position: relative;\n padding-bottom: 0;\n}\n\n.chat-main .chat-messages {\n flex: 1;\n overflow-y: auto;\n}\n\n// Chat Container\n.chat-container {\n @apply min-h-[96vh] relative;\n background-color: #ffffff;\n padding-bottom: 100px;\n}\n\n// ==========================================================================\n// Chat Inset Header (Main area header with toggle)\n// ==========================================================================\n\n.chat-inset-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 3rem;\n padding: 0 0.75rem;\n border-bottom: 1px solid var(--color-border, #e2e8f0);\n background-color: var(--color-bg-primary, #ffffff);\n flex-shrink: 0;\n}\n\n.chat-sidebar-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: 1px solid var(--color-border, #e2e8f0);\n border-radius: 0.375rem;\n background-color: var(--color-bg-primary, #ffffff);\n color: var(--color-text-muted, #94a3b8);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n \n &:hover {\n background-color: var(--color-bg-muted, #f1f5f9);\n color: var(--color-text-primary, #0f172a);\n border-color: var(--color-text-muted, #94a3b8);\n }\n}\n\n.chat-sidebar-trigger-icon {\n width: 1rem;\n height: 1rem;\n transition: transform 0.2s ease;\n \n &.rotated {\n transform: rotate(180deg);\n }\n}\n\n.chat-inset-title {\n @apply text-sm;\n font-weight: 600;\n color: var(--color-text-primary, #0f172a);\n flex: 1;\n min-width: 0; /* Allow flex item to shrink */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n// ==========================================================================\n// Chat Header (legacy - keeping for mobile toggle)\n// ==========================================================================\n\n.chat-header {\n display: none; /* Hide legacy header, using inset header now */\n}\n\n.chat-header-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: 0.375rem;\n background-color: transparent;\n color: var(--color-text-muted, #94a3b8);\n cursor: pointer;\n \n &:hover {\n background-color: var(--color-bg-muted, #f1f5f9);\n color: var(--color-text-primary, #0f172a);\n }\n \n .iconify {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n.chat-header-title {\n flex: 1;\n font-size: 1rem;\n font-weight: 600;\n color: var(--color-text-primary, #0f172a);\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n// ==========================================================================\n// Chat Welcome State\n// ==========================================================================\n\n.chat-welcome {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 4rem 2rem;\n text-align: center;\n}\n\n.chat-welcome-icon {\n width: 4rem;\n height: 4rem;\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-primary-light, #dbeafe);\n border-radius: 50%;\n \n .iconify {\n width: 2rem;\n height: 2rem;\n color: var(--color-primary, #3b82f6);\n }\n}\n\n.chat-welcome h2 {\n margin: 0 0 0.5rem;\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--color-text-primary, #0f172a);\n}\n\n.chat-welcome p {\n margin: 0 0 1.5rem;\n font-size: 1rem;\n color: var(--color-text-muted, #94a3b8);\n max-width: 24rem;\n}\n\n.chat-welcome-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.25rem;\n border: none;\n border-radius: 0.5rem;\n background-color: var(--color-primary, #3b82f6);\n color: #ffffff;\n font-size: 0.9375rem;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.15s ease;\n \n &:hover {\n background-color: var(--color-primary-hover, #2563eb);\n }\n \n .iconify {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n",[],[150,241,335,345],"0c23698a-e2e9-11f0-b39b-42dde27851f2","_chat-messages.scss","0c236a66-e2e9-11f0-b39b-42dde27851f2",42,["D",1766815100735],"// Chat Messages and Input Area Styles\n\n// Error Callout Styles\n.error-callout {\n @apply rounded-lg p-4 bg-red-50 border border-red-200;\n margin: 0.5rem 0;\n \n .error-title {\n @apply font-semibold text-red-800 mb-2 flex items-center;\n font-size: 0.9375rem;\n }\n \n .error-message {\n @apply text-sm text-red-700;\n line-height: 1.5;\n \n p {\n margin: 0.25rem 0;\n }\n \n ol {\n margin: 0.5rem 0;\n padding-left: 1.5rem;\n \n li {\n margin: 0.25rem 0;\n }\n }\n \n a {\n @apply text-blue-600 underline;\n \n &:hover {\n @apply text-blue-700;\n }\n }\n }\n}\n\n// Messages Area\n.chat-messages {\n @apply w-full flex flex-col items-center;\n}\n\n.messages-content {\n @apply w-full max-w-full md:max-w-3xl px-2 sm:px-2 py-8 pb-40 flex flex-col gap-0;\n}\n\n// Message Wrappers\n.message-wrapper {\n @apply flex w-full;\n animation: fadeIn 0.3s ease-out forwards;\n}\n\n.message-group {\n @apply flex flex-col relative;\n max-width: 100%;\n}\n\n.message-wrapper-me {\n @apply justify-end;\n \n .message-group {\n @apply items-end;\n max-width: 85%;\n }\n}\n\n.message-wrapper-them {\n @apply justify-start;\n \n .message-group {\n @apply items-start w-full;\n }\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n// Messages\n.message {\n @apply relative;\n padding: 0.75rem 1.25rem;\n font-size: 1rem;\n line-height: 1.6;\n}\n\n.message-me {\n background-color: #f4f4f5;\n border-radius: 1.25rem;\n}\n\n.message-them {\n @apply bg-transparent p-0;\n}\n\n.message-me p {\n @apply m-0 break-words whitespace-pre-wrap;\n}\n\n.message p {\n @apply break-words whitespace-pre-wrap;\n}\n\n.message-attachment {\n @apply flex items-center gap-2 mt-2 p-2 rounded-lg text-sm;\n background-color: rgba(0,0,0,0.05);\n}\n\n// Action Buttons\n.message-actions {\n @apply flex gap-0 mt-2 opacity-0 transition-opacity;\n}\n\n.message-wrapper:hover .message-actions {\n @apply opacity-100;\n}\n\n.actions-me {\n @apply justify-end;\n}\n\n.actions-them {\n @apply justify-start;\n}\n\n.action-icon-btn {\n @apply bg-transparent border-none cursor-pointer p-1 rounded flex items-center justify-center transition-colors;\n color: #94a3b8;\n transition: color 0.2s ease, background-color 0.2s ease;\n \n &:hover {\n @apply bg-gray-100;\n color: #0f172a;\n }\n \n &.copied {\n color: var(--color-success, #10b981);\n \n &:hover {\n color: var(--color-success-dark, #059669);\n }\n }\n \n &.active {\n @apply bg-gray-200;\n color: #0f172a;\n }\n \n .iconify {\n font-size: 16px;\n }\n}\n\n// Thinking/Reasoning Section\n.message-thinking {\n @apply border-l-2 border-gray-300 mb-4;\n color: #6b7280; // gray-500\n font-size: 0.9375rem;\n \n .message-thinking-header {\n @apply flex items-center gap-2 mb-2 font-medium text-gray-600;\n font-size: 0.875rem;\n \n .iconify {\n font-size: 16px;\n }\n }\n \n // Override default text color for thinking content\n p, li, code, pre {\n color: #6b7280;\n }\n \n // Keep links visible\n a {\n @apply text-blue-500 underline;\n &:hover {\n @apply text-blue-600;\n }\n }\n \n // Code blocks in thinking\n pre {\n @apply bg-gray-50 border border-gray-200;\n }\n}\n\n// Message Editing (inline contenteditable)\npre.message-content-editable {\n // Reset pre styles completely\n all: unset;\n display: block;\n outline: none;\n cursor: text;\n border-radius: 0.5rem;\n padding: 0.5rem;\n margin: -0.5rem;\n background-color: transparent;\n // box-shadow: 0 0 0 2px var(--color-primary, #3b82f6);\n white-space: pre-wrap;\n word-wrap: break-word;\n font-family: inherit;\n font-size: inherit;\n line-height: 1.6;\n min-height: 1.5em;\n color: inherit;\n \n &:focus {\n outline: none;\n }\n}\n\n// Monaco wrapper styles\n.monaco-hydrated {\n @apply relative my-4;\n}\n\n.monaco-copy-btn {\n @apply absolute top-2 right-2 p-1 px-2 rounded border border-gray-200 bg-white cursor-pointer opacity-0 transition-opacity z-10 flex items-center gap-1;\n}\n\n.monaco-hydrated:hover .monaco-copy-btn {\n @apply opacity-100;\n}\n\n// Code block styling\n.message-content {\n // Remove bottom margin from last paragraph\n p:last-child {\n margin-bottom: 0;\n }\n \n pre {\n @apply my-4 p-4 rounded-md overflow-x-auto;\n background-color: #f8fafc;\n border: 1px solid #e2e8f0;\n color: var(--color-text-primary, #0f172a);\n font-size: 0.9375rem;\n line-height: 1.6;\n \n code {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n font-size: inherit;\n line-height: inherit;\n background: none;\n padding: 0;\n color: var(--color-text-primary, #0f172a);\n }\n }\n \n code {\n @apply px-1 py-0.5 rounded text-sm;\n background-color: #f1f5f9;\n color: #e11d48;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n }\n \n pre code {\n color: var(--color-text-primary, #0f172a);\n background: none;\n }\n \n // Table styling - constrain width and make responsive\n table {\n @apply w-full my-4 border-collapse;\n max-width: 100%;\n display: block;\n overflow-x: auto;\n \n thead, tbody, tr {\n display: table;\n width: 100%;\n table-layout: fixed;\n }\n \n th, td {\n @apply px-3 py-2 text-left border border-gray-200;\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n \n th {\n @apply bg-gray-50 font-semibold;\n }\n \n td {\n @apply bg-white;\n }\n }\n}\n\n// Typing Indicator\n.typing-indicator {\n @apply flex gap-1 py-2;\n}\n\n.typing-dot {\n @apply w-1.5 h-1.5 bg-gray-400 rounded-full;\n animation: bounce 1.4s infinite ease-in-out both;\n \n &:nth-child(1) { animation-delay: -0.32s; }\n &:nth-child(2) { animation-delay: -0.16s; }\n}\n\n@keyframes bounce {\n 0%, 80%, 100% { transform: scale(0); }\n 40% { transform: scale(1); }\n}\n\n",[],[150,241,335,353],"0c0ca6f0-e2e9-11f0-80a8-42dde27851f2","_chat-input.scss","0c0ca786-e2e9-11f0-80a8-42dde27851f2",38,["D",1766815100586],"// Chat Input Area Styles\n\n.chat-input-wrapper {\n @apply flex flex-col items-center absolute bottom-0 inset-x-2 z-10 mb-2;\n background-color: transparent;\n}\n\n.chat-input-container {\n @apply w-full max-w-3xl flex flex-col gap-1 p-2;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;\n \n // &.multiline {\n // border-radius: 1rem;\n // }\n \n &:focus-within {\n @apply shadow-md;\n border-color: var(--color-primary);\n }\n}\n\n.chat-input {\n @apply bg-transparent border-none resize-none w-full;\n font-size: 1rem;\n max-height: 200px;\n padding: 0.5rem 0.75rem;\n line-height: 1.5;\n height: auto;\n min-height: auto;\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n \n &:focus,\n &:active,\n &:focus-visible {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n }\n \n &::placeholder {\n color: var(--color-text-muted);\n }\n}\n\n.chat-input-actions {\n @apply flex items-center gap-2 px-1 pb-1;\n}\n\n// Buttons\n.action-button {\n @apply w-8 h-8 rounded-full bg-transparent border-none flex items-center justify-center cursor-pointer transition-colors flex-shrink-0;\n color: var(--color-text-muted);\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n \n .iconify {\n font-size: 20px;\n }\n}\n\n.plus-button {\n @apply bg-transparent;\n color: var(--color-text-primary);\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n}\n\n.send-button {\n @apply w-8 h-8 rounded-full flex items-center justify-center cursor-pointer transition-all flex-shrink-0;\n background-color: var(--color-primary);\n color: var(--color-white);\n border: none;\n \n &:hover:not(:disabled) {\n background-color: var(--color-primary-hover);\n @apply opacity-100;\n }\n \n &:active:not(:disabled) {\n transform: scale(0.95);\n }\n \n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background-color: var(--color-bg-disabled);\n color: var(--color-text-disabled);\n }\n \n .iconify {\n font-size: 18px;\n }\n}\n\n// Attachment Menu\n.attachment-menu {\n @apply absolute bg-white border border-gray-200 rounded-2xl p-2 flex flex-col gap-1 shadow-lg z-20;\n bottom: calc(100% - 10px);\n left: 1rem;\n min-width: 180px;\n transform-origin: bottom left;\n \n @media (min-width: 768px) {\n left: calc(50% - 384px + 1rem);\n }\n}\n\n.attachment-option {\n @apply flex items-center gap-3 p-3 w-full border-none bg-transparent rounded-lg cursor-pointer text-sm transition-colors;\n color: #0f172a;\n \n &:hover {\n @apply bg-gray-50;\n }\n}\n\n.attachment-icon {\n @apply w-8 h-8 rounded-full flex items-center justify-center;\n \n .iconify {\n font-size: 18px;\n }\n}\n\n// Utility classes for attachment icons\n.bg-blue-100 { background-color: #dbeafe; }\n.text-blue-600 { color: #2563eb; }\n.bg-purple-100 { background-color: #f3e8ff; }\n.text-purple-600 { color: #9333ea; }\n\n// Footer\n.footer-text {\n @apply text-xs text-center mt-3;\n color: #64748b;\n}\n\n",[],[150,241,335,361],"0aa9edea-e2e9-11f0-9dc9-42dde27851f2",10,["D",1766815098260],[205,206,207,208,209],[150,241,335],"0a5844a4-e2e9-11f0-8ff9-42dde27851f2",7,["D",1766815097725],[204,210,218,219,220,221,222],[150,241],"0bba6ee4-e2e9-11f0-b141-42dde27851f2","threads.js","0bba70e2-e2e9-11f0-b141-42dde27851f2","0a3a8036-e2e9-11f0-9dc9-42dde27851f2",27,["D",1766815100044],"// =============================================================================\n// THREADS - Per-chat/thread state management and message parsing\n// =============================================================================\n// Each chat is a \"thread\" (like email threads). Manages thread state, \n// tracks job status, handles blockers, and provides message parsing\n// to extract reasoning/thinking tokens from various API formats.\n//\n// An \"orchestrator\" (to be built later) will manage multiple threads.\n\nvar THREADS_KEY = 'chatapp-threads';\n\n// Job status enum\nvar JobStatus = {\n PENDING: 'pending', // Job created, waiting to start\n RUNNING: 'running', // Job actively processing\n STREAMING: 'streaming', // Job streaming response\n BLOCKED: 'blocked', // Job blocked by a blocker (e.g., missing API key)\n COMPLETED: 'completed', // Job finished successfully\n ERROR: 'error', // Job failed with an error\n CANCELLED: 'cancelled', // Job was manually cancelled\n PAUSED: 'paused' // Job paused, can be resumed\n};\n\n// Blocker types\nvar BlockerType = {\n API_KEY_MISSING: 'api_key_missing',\n RATE_LIMIT: 'rate_limit',\n NETWORK_ERROR: 'network_error',\n PROVIDER_ERROR: 'provider_error',\n DEPENDENCY_FAILED: 'dependency_failed'\n};\n\n// Event types emitted by thread manager\nvar ThreadEvent = {\n JOB_CREATED: 'job:created',\n JOB_STARTED: 'job:started',\n JOB_STREAMING: 'job:streaming',\n JOB_PROGRESS: 'job:progress',\n JOB_COMPLETED: 'job:completed',\n JOB_FAILED: 'job:failed',\n JOB_BLOCKED: 'job:blocked',\n JOB_UNBLOCKED: 'job:unblocked',\n JOB_CANCELLED: 'job:cancelled',\n JOB_PAUSED: 'job:paused',\n JOB_RESUMED: 'job:resumed',\n BLOCKER_ADDED: 'blocker:added',\n BLOCKER_RESOLVED: 'blocker:resolved',\n STATE_CHANGED: 'state:changed'\n};\n\n// For backwards compatibility\nvar OrchestratorEvent = ThreadEvent;\n\nexport { JobStatus, BlockerType, ThreadEvent, OrchestratorEvent };\n\n// =============================================================================\n// MESSAGE PARSER - Extract reasoning, thinking, tool calls from various formats\n// =============================================================================\n\nexport function parseMessage(message) {\n if (!message) return null;\n \n var content = message.content || '';\n var reasoning = message.reasoning || null;\n var tools = message.tools || message.executedTools || [];\n \n // Parsed result object\n var parsed = {\n // Original message (kept intact for API calls)\n raw: message,\n \n // Clean content (for display, without think tags)\n content: content,\n \n // Extracted reasoning/thinking (for separate display)\n reasoning: reasoning,\n \n // Thinking extracted from content tags\n thinking: null,\n \n // Tool calls\n tools: Array.isArray(tools) ? tools : [],\n \n // Message role\n role: message.role || 'assistant',\n \n // Flags\n hasReasoning: !!reasoning,\n hasThinking: false,\n hasTools: Array.isArray(tools) && tools.length > 0\n };\n \n // Extract ... tags (Claude, some other models)\n var thinkTagMatch = content.match(/([\\s\\S]*?)<\\/think>/i);\n if (thinkTagMatch) {\n parsed.thinking = thinkTagMatch[1].trim();\n parsed.content = content.replace(/[\\s\\S]*?<\\/think>/gi, '').trim();\n parsed.hasThinking = true;\n }\n \n // Extract [think]...[/think] tags (alternative format)\n var thinkBracketMatch = content.match(/\\[think\\]([\\s\\S]*?)\\[\\/think\\]/i);\n if (thinkBracketMatch) {\n parsed.thinking = (parsed.thinking || '') + thinkBracketMatch[1].trim();\n parsed.content = parsed.content.replace(/\\[think\\][\\s\\S]*?\\[\\/think\\]/gi, '').trim();\n parsed.hasThinking = true;\n }\n \n // Extract ... tags (another variant)\n var thinkingTagMatch = content.match(/([\\s\\S]*?)<\\/thinking>/i);\n if (thinkingTagMatch) {\n parsed.thinking = (parsed.thinking || '') + thinkingTagMatch[1].trim();\n parsed.content = parsed.content.replace(/[\\s\\S]*?<\\/thinking>/gi, '').trim();\n parsed.hasThinking = true;\n }\n \n // Extract ```thinking ... ``` blocks\n var thinkingCodeMatch = content.match(/```thinking\\n?([\\s\\S]*?)```/i);\n if (thinkingCodeMatch) {\n parsed.thinking = (parsed.thinking || '') + thinkingCodeMatch[1].trim();\n parsed.content = parsed.content.replace(/```thinking\\n?[\\s\\S]*?```/gi, '').trim();\n parsed.hasThinking = true;\n }\n \n // If we have separate reasoning field from API, merge with thinking\n if (reasoning && !parsed.thinking) {\n parsed.thinking = reasoning;\n parsed.hasThinking = true;\n } else if (reasoning && parsed.thinking) {\n // Both exist - keep them separate but note it\n parsed.hasReasoning = true;\n }\n \n return parsed;\n}\n\n// Parse all messages in an array, returning both raw (for API) and parsed (for display)\nexport function parseMessages(messages) {\n if (!Array.isArray(messages)) return { raw: [], parsed: [] };\n \n return {\n // Raw messages for API calls (unchanged)\n raw: messages,\n \n // Parsed messages for display\n parsed: messages.map(function(msg) {\n if (msg.role === 'user') {\n // User messages don't need parsing\n return {\n raw: msg,\n content: msg.content,\n role: 'user',\n hasReasoning: false,\n hasThinking: false,\n hasTools: false\n };\n }\n return parseMessage(msg);\n })\n };\n}\n\n// Get display content for a message (clean, without think tags)\nexport function getDisplayContent(message) {\n var parsed = parseMessage(message);\n return parsed ? parsed.content : (message.content || '');\n}\n\n// Get thinking/reasoning for a message\nexport function getThinking(message) {\n var parsed = parseMessage(message);\n return parsed ? (parsed.thinking || parsed.reasoning) : null;\n}\n\nexport function createThreadsMixin() {\n return {\n // ==========================================================================\n // THREADS STATE\n // ==========================================================================\n \n threads: {\n // All tracked jobs: Map-like object { jobId: JobState }\n jobs: {},\n \n // Active blockers: Map-like object { blockerId: BlockerState }\n blockers: {},\n \n // Job dependencies: { jobId: [dependencyJobIds] }\n dependencies: {},\n \n // Event listeners: { eventType: [callbacks] }\n listeners: {},\n \n // Stats\n // Job dependencies: { jobId: [dependencyJobIds] }\n dependencies: {},\n \n // Event listeners: { eventType: [callbacks] }\n listeners: {},\n \n // Stats\n stats: {\n totalJobs: 0,\n completedJobs: 0,\n failedJobs: 0,\n blockedJobs: 0,\n activeJobs: 0,\n pendingJobs: 0,\n cancelledJobs: 0\n }\n },\n \n // Backwards compatibility alias\n get orchestrator() {\n return this.threads;\n },\n \n // ==========================================================================\n // INITIALIZATION\n // ==========================================================================\n \n initThreads: function() {\n console.log('[Threads] Initializing...');\n this.loadThreadsState();\n this.updateThreadsStats();\n \n var stats = this.threads.stats;\n console.log('[Threads] Initialized with', Object.keys(this.threads.jobs).length, 'jobs');\n console.log('[Threads] Stats:', \n 'active:', stats.activeJobs,\n 'blocked:', stats.blockedJobs, \n 'pending:', stats.pendingJobs,\n 'completed:', stats.completedJobs,\n 'failed:', stats.failedJobs\n );\n \n // Log all jobs for debugging\n if (Object.keys(this.threads.jobs).length > 0) {\n console.log('[Threads] All jobs:', this.threads.jobs);\n }\n },\n \n // Backwards compatibility\n initOrchestrator: function() {\n return this.initThreads();\n },\n \n loadThreadsState: function() {\n try {\n // Try new key first, fall back to old key for migration\n var stored = localStorage.getItem(THREADS_KEY) || localStorage.getItem('chatapp-orchestrator');\n if (stored) {\n var parsed = JSON.parse(stored);\n // Restore jobs but reset any \"running\" jobs to \"pending\" (they were interrupted)\n if (parsed.jobs) {\n var self = this;\n Object.keys(parsed.jobs).forEach(function(jobId) {\n var job = parsed.jobs[jobId];\n if (job.status === JobStatus.RUNNING || job.status === JobStatus.STREAMING) {\n job.status = JobStatus.PENDING;\n job.interruptedAt = Date.now();\n }\n self.threads.jobs[jobId] = job;\n });\n }\n if (parsed.blockers) {\n this.threads.blockers = parsed.blockers;\n }\n if (parsed.dependencies) {\n this.threads.dependencies = parsed.dependencies;\n }\n }\n } catch (e) {\n console.warn('[Threads] Failed to load state:', e);\n }\n },\n \n saveThreadsState: function() {\n try {\n var data = {\n jobs: this.threads.jobs,\n blockers: this.threads.blockers,\n dependencies: this.threads.dependencies,\n savedAt: Date.now()\n };\n localStorage.setItem(THREADS_KEY, JSON.stringify(data));\n // Clean up old key if it exists\n localStorage.removeItem('chatapp-orchestrator');\n } catch (e) {\n console.warn('[Threads] Failed to save state:', e);\n }\n },\n \n // Backwards compatibility\n loadOrchestratorState: function() {\n return this.loadThreadsState();\n },\n saveOrchestratorState: function() {\n return this.saveThreadsState();\n },\n \n // ==========================================================================\n // JOB MANAGEMENT\n // ==========================================================================\n \n // Create a new job and register it with the orchestrator\n createThreadJob: function(chatId, type, input, options) {\n options = options || {};\n \n // Clear old error/blocked jobs for this chat when creating a new job\n // This prevents stale error indicators from showing\n this.clearOldErrorJobsForChat(chatId);\n \n var jobId = 'job-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n \n var job = {\n id: jobId,\n chatId: chatId,\n type: type,\n input: input,\n status: JobStatus.PENDING,\n createdAt: Date.now(),\n updatedAt: Date.now(),\n startedAt: null,\n completedAt: null,\n result: null,\n error: null,\n blocker: null,\n progress: 0,\n metadata: options.metadata || {},\n retryCount: 0,\n maxRetries: options.maxRetries || 3\n };\n \n this.threads.jobs[jobId] = job;\n this.threads.stats.totalJobs++;\n \n // Handle dependencies\n if (options.dependsOn && options.dependsOn.length > 0) {\n this.threads.dependencies[jobId] = options.dependsOn;\n }\n \n this.updateThreadsStats();\n this.saveOrchestratorState();\n this.emitThreadEvent(OrchestratorEvent.JOB_CREATED, job);\n \n console.log('[Threads] Created job:', jobId, 'for chat:', chatId);\n \n return job;\n },\n \n // Clear old error/blocked jobs for a chat (called when creating new job)\n clearOldErrorJobsForChat: function(chatId) {\n var self = this;\n var jobsToRemove = Object.keys(this.threads.jobs)\n .map(function(id) { return self.threads.jobs[id]; })\n .filter(function(job) { \n return job.chatId === chatId && \n (job.status === JobStatus.ERROR || job.status === JobStatus.BLOCKED);\n });\n \n jobsToRemove.forEach(function(job) {\n delete self.threads.jobs[job.id];\n console.log('[Threads] Cleared old error job:', job.id);\n });\n \n if (jobsToRemove.length > 0) {\n this.updateThreadsStats();\n }\n },\n \n // Get a job by ID\n getThreadJob: function(jobId) {\n return this.threads.jobs[jobId] || null;\n },\n \n // Get all jobs for a specific chat\n getJobsForChat: function(chatId) {\n var self = this;\n return Object.keys(this.threads.jobs)\n .map(function(id) { return self.threads.jobs[id]; })\n .filter(function(job) { return job.chatId === chatId; })\n .sort(function(a, b) { return b.createdAt - a.createdAt; });\n },\n \n // Get the latest job for a chat\n getLatestJobForChat: function(chatId) {\n var jobs = this.getJobsForChat(chatId);\n return jobs.length > 0 ? jobs[0] : null;\n },\n \n // Update job status\n updateJobStatus: function(jobId, status, data) {\n var job = this.threads.jobs[jobId];\n if (!job) {\n console.warn('[Threads] Job not found:', jobId);\n return null;\n }\n \n var previousStatus = job.status;\n job.status = status;\n job.updatedAt = Date.now();\n \n // Handle status-specific updates\n if (status === JobStatus.RUNNING || status === JobStatus.STREAMING) {\n job.startedAt = job.startedAt || Date.now();\n this.threads.stats.activeJobs++;\n } else if (status === JobStatus.COMPLETED) {\n job.completedAt = Date.now();\n job.result = data && data.result;\n \n // Store parsed message data if result exists\n if (job.result) {\n job.parsed = parseMessage(job.result);\n }\n \n this.threads.stats.completedJobs++;\n if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n }\n } else if (status === JobStatus.ERROR) {\n job.completedAt = Date.now();\n job.error = data && data.error;\n this.threads.stats.failedJobs++;\n if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n }\n } else if (status === JobStatus.BLOCKED) {\n job.blocker = data && data.blocker;\n this.threads.stats.blockedJobs++;\n if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n }\n } else if (status === JobStatus.CANCELLED) {\n job.completedAt = Date.now();\n if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n }\n }\n \n // Merge any additional data\n if (data) {\n if (data.progress !== undefined) job.progress = data.progress;\n if (data.metadata) Object.assign(job.metadata, data.metadata);\n }\n \n this.updateThreadsStats();\n this.saveOrchestratorState();\n \n // Emit appropriate event\n var eventMap = {};\n eventMap[JobStatus.RUNNING] = OrchestratorEvent.JOB_STARTED;\n eventMap[JobStatus.STREAMING] = OrchestratorEvent.JOB_STREAMING;\n eventMap[JobStatus.COMPLETED] = OrchestratorEvent.JOB_COMPLETED;\n eventMap[JobStatus.ERROR] = OrchestratorEvent.JOB_FAILED;\n eventMap[JobStatus.BLOCKED] = OrchestratorEvent.JOB_BLOCKED;\n eventMap[JobStatus.CANCELLED] = OrchestratorEvent.JOB_CANCELLED;\n eventMap[JobStatus.PAUSED] = OrchestratorEvent.JOB_PAUSED;\n \n var eventType = eventMap[status];\n if (eventType) {\n this.emitThreadEvent(eventType, job);\n }\n \n console.log('[Threads] Job', jobId, 'status:', previousStatus, '->', status);\n \n // Log full job object when completed\n if (status === JobStatus.COMPLETED) {\n console.log('[Threads] Job completed, full state:', job);\n }\n \n return job;\n },\n \n // Update job progress (for streaming)\n updateJobProgress: function(jobId, progress, content) {\n var job = this.threads.jobs[jobId];\n if (!job) return;\n \n job.progress = progress;\n job.updatedAt = Date.now();\n if (content !== undefined) {\n job.metadata.streamedContent = content;\n }\n \n this.emitThreadEvent(OrchestratorEvent.JOB_PROGRESS, {\n job: job,\n progress: progress,\n content: content\n });\n },\n \n // ==========================================================================\n // JOB CONTROLS\n // ==========================================================================\n \n // Start a pending job\n startJob: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) {\n console.warn('[Threads] Cannot start: job not found:', jobId);\n return false;\n }\n \n if (job.status !== JobStatus.PENDING && job.status !== JobStatus.PAUSED) {\n console.warn('[Threads] Cannot start job in status:', job.status);\n return false;\n }\n \n // Check for blockers\n var blocker = this.checkJobBlockers(jobId);\n if (blocker) {\n this.updateJobStatus(jobId, JobStatus.BLOCKED, { blocker: blocker });\n return false;\n }\n \n // Check dependencies\n if (!this.checkDependencies(jobId)) {\n console.log('[Threads] Job has unmet dependencies:', jobId);\n return false;\n }\n \n this.updateJobStatus(jobId, JobStatus.RUNNING);\n return true;\n },\n \n // Cancel a job\n cancelJob: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) return false;\n \n if (job.status === JobStatus.COMPLETED || job.status === JobStatus.CANCELLED) {\n console.warn('[Threads] Cannot cancel job in status:', job.status);\n return false;\n }\n \n this.updateJobStatus(jobId, JobStatus.CANCELLED);\n \n // If there's a backend job, cancel it too\n if (job.metadata.backendJobId && this.jobs && this.jobs.cancelJob) {\n this.jobs.cancelJob(job.metadata.backendJobId);\n }\n \n return true;\n },\n \n // Pause a running job\n pauseJob: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) return false;\n \n if (job.status !== JobStatus.RUNNING && job.status !== JobStatus.STREAMING) {\n console.warn('[Threads] Cannot pause job in status:', job.status);\n return false;\n }\n \n this.updateJobStatus(jobId, JobStatus.PAUSED);\n return true;\n },\n \n // Resume a paused job\n resumeJob: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) return false;\n \n if (job.status !== JobStatus.PAUSED && job.status !== JobStatus.BLOCKED) {\n console.warn('[Threads] Cannot resume job in status:', job.status);\n return false;\n }\n \n // Check if blockers are resolved\n var blocker = this.checkJobBlockers(jobId);\n if (blocker) {\n console.log('[Threads] Job still blocked:', blocker.type);\n return false;\n }\n \n this.updateJobStatus(jobId, JobStatus.PENDING);\n return this.startJob(jobId);\n },\n \n // Retry a failed job\n retryJob: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) return false;\n \n if (job.status !== JobStatus.ERROR && job.status !== JobStatus.BLOCKED) {\n console.warn('[Threads] Cannot retry job in status:', job.status);\n return false;\n }\n \n if (job.retryCount >= job.maxRetries) {\n console.warn('[Threads] Max retries exceeded for job:', jobId);\n return false;\n }\n \n job.retryCount++;\n job.error = null;\n job.blocker = null;\n \n this.updateJobStatus(jobId, JobStatus.PENDING);\n \n this.emitThreadEvent(OrchestratorEvent.JOB_RESUMED, job);\n \n return this.startJob(jobId);\n },\n \n // ==========================================================================\n // BLOCKER MANAGEMENT\n // ==========================================================================\n \n // Check if a job has any blockers\n checkJobBlockers: function(jobId) {\n var job = this.threads.jobs[jobId];\n if (!job) return null;\n \n var provider = job.input && job.input.provider;\n if (!provider) {\n // Try to determine provider from model\n var model = job.input && job.input.model;\n if (model) {\n if (model.includes('/')) {\n provider = model.split('/')[0];\n } else if (model.startsWith('gpt') || model.startsWith('o1') || model.startsWith('o3') || model.startsWith('o4')) {\n provider = 'openai';\n } else if (model.startsWith('claude')) {\n provider = 'anthropic';\n } else {\n provider = 'groq';\n }\n }\n }\n \n // Skip API key check if:\n // 1. Provider is custom (may not need API key)\n // 2. API key is provided in job input (passed directly to backend)\n // 3. Base URL is provided (custom endpoint may not need API key)\n if (provider === 'custom' || job.input.apiKey || job.input.baseUrl) {\n // Let the backend handle authentication - it will return proper error if needed\n return null;\n }\n \n // Check API key for standard providers (groq, openai, anthropic)\n if (provider && this.apiKeys) {\n var apiKey = this.apiKeys[provider];\n if (!apiKey || apiKey.trim().length === 0) {\n return {\n id: 'blocker-' + Date.now(),\n type: BlockerType.API_KEY_MISSING,\n provider: provider,\n message: provider.charAt(0).toUpperCase() + provider.slice(1) + ' API key is missing',\n createdAt: Date.now()\n };\n }\n }\n \n return null;\n },\n \n // Add a global blocker\n addBlocker: function(type, data) {\n var blockerId = 'blocker-' + Date.now();\n var blocker = {\n id: blockerId,\n type: type,\n data: data,\n createdAt: Date.now(),\n resolvedAt: null\n };\n \n this.threads.blockers[blockerId] = blocker;\n this.saveOrchestratorState();\n this.emitThreadEvent(OrchestratorEvent.BLOCKER_ADDED, blocker);\n \n return blocker;\n },\n \n // Resolve a blocker\n resolveBlocker: function(blockerId) {\n var blocker = this.threads.blockers[blockerId];\n if (!blocker) return false;\n \n blocker.resolvedAt = Date.now();\n delete this.threads.blockers[blockerId];\n \n this.saveOrchestratorState();\n this.emitThreadEvent(OrchestratorEvent.BLOCKER_RESOLVED, blocker);\n \n // Check if any blocked jobs can now proceed\n this.checkBlockedJobs();\n \n return true;\n },\n \n // Check all blocked jobs to see if they can proceed\n checkBlockedJobs: function() {\n var self = this;\n var unblockedCount = 0;\n \n Object.keys(this.threads.jobs).forEach(function(jobId) {\n var job = self.threads.jobs[jobId];\n if (job.status === JobStatus.BLOCKED) {\n var blocker = self.checkJobBlockers(jobId);\n if (!blocker) {\n // Blocker resolved!\n self.updateJobStatus(jobId, JobStatus.PENDING);\n self.emitThreadEvent(OrchestratorEvent.JOB_UNBLOCKED, job);\n unblockedCount++;\n }\n }\n });\n \n if (unblockedCount > 0) {\n console.log('[Threads] Unblocked', unblockedCount, 'jobs');\n }\n \n return unblockedCount;\n },\n \n // Check dependencies for a job\n checkDependencies: function(jobId) {\n var deps = this.threads.dependencies[jobId];\n if (!deps || deps.length === 0) return true;\n \n var self = this;\n return deps.every(function(depId) {\n var depJob = self.threads.jobs[depId];\n return depJob && depJob.status === JobStatus.COMPLETED;\n });\n },\n \n // ==========================================================================\n // EVENT SYSTEM\n // ==========================================================================\n \n // Subscribe to orchestrator events\n onThreadEvent: function(eventType, callback) {\n if (!this.threads.listeners[eventType]) {\n this.threads.listeners[eventType] = [];\n }\n this.threads.listeners[eventType].push(callback);\n \n // Return unsubscribe function\n var self = this;\n return function() {\n var idx = self.orchestrator.listeners[eventType].indexOf(callback);\n if (idx !== -1) {\n self.orchestrator.listeners[eventType].splice(idx, 1);\n }\n };\n },\n \n // Emit an orchestrator event\n emitThreadEvent: function(eventType, data) {\n var listeners = this.threads.listeners[eventType] || [];\n listeners.forEach(function(callback) {\n try {\n callback(data);\n } catch (e) {\n console.error('[Threads] Event handler error:', e);\n }\n });\n \n // Also emit a generic state changed event\n if (eventType !== OrchestratorEvent.STATE_CHANGED) {\n var stateListeners = this.threads.listeners[OrchestratorEvent.STATE_CHANGED] || [];\n stateListeners.forEach(function(callback) {\n try {\n callback({ event: eventType, data: data });\n } catch (e) {\n console.error('[Threads] State change handler error:', e);\n }\n });\n }\n },\n \n // ==========================================================================\n // STATS & QUERIES\n // ==========================================================================\n \n updateThreadsStats: function() {\n var self = this;\n var stats = {\n totalJobs: 0,\n completedJobs: 0,\n failedJobs: 0,\n blockedJobs: 0,\n activeJobs: 0,\n pendingJobs: 0,\n cancelledJobs: 0\n };\n \n Object.keys(this.threads.jobs).forEach(function(jobId) {\n var job = self.threads.jobs[jobId];\n stats.totalJobs++;\n \n if (job.status === JobStatus.COMPLETED) stats.completedJobs++;\n else if (job.status === JobStatus.ERROR) stats.failedJobs++;\n else if (job.status === JobStatus.BLOCKED) stats.blockedJobs++;\n else if (job.status === JobStatus.RUNNING || job.status === JobStatus.STREAMING) stats.activeJobs++;\n else if (job.status === JobStatus.PENDING || job.status === JobStatus.PAUSED) stats.pendingJobs++;\n else if (job.status === JobStatus.CANCELLED) stats.cancelledJobs++;\n });\n \n this.threads.stats = stats;\n },\n \n getThreadsStats: function() {\n return this.threads.stats;\n },\n \n // Get jobs by status\n getJobsByStatus: function(status) {\n var self = this;\n return Object.keys(this.threads.jobs)\n .map(function(id) { return self.threads.jobs[id]; })\n .filter(function(job) { return job.status === status; });\n },\n \n // Get all active jobs\n getActiveJobs: function() {\n var running = this.getJobsByStatus(JobStatus.RUNNING);\n var streaming = this.getJobsByStatus(JobStatus.STREAMING);\n return running.concat(streaming);\n },\n \n // Get all blocked jobs\n getBlockedJobs: function() {\n return this.getJobsByStatus(JobStatus.BLOCKED);\n },\n \n // Clean up old completed jobs (keep last N)\n cleanupOldJobs: function(keepCount) {\n keepCount = keepCount || 100;\n var self = this;\n \n var jobs = Object.keys(this.threads.jobs)\n .map(function(id) { return self.threads.jobs[id]; })\n .filter(function(job) {\n return job.status === JobStatus.COMPLETED || \n job.status === JobStatus.CANCELLED;\n })\n .sort(function(a, b) { return b.completedAt - a.completedAt; });\n \n if (jobs.length > keepCount) {\n var toRemove = jobs.slice(keepCount);\n toRemove.forEach(function(job) {\n delete self.threads.jobs[job.id];\n });\n this.saveOrchestratorState();\n console.log('[Threads] Cleaned up', toRemove.length, 'old jobs');\n }\n },\n \n // Clear all thread state (for debugging)\n clearThreadsState: function() {\n this.threads.jobs = {};\n this.threads.blockers = {};\n this.threads.dependencies = {};\n this.threads.stats = {\n totalJobs: 0,\n completedJobs: 0,\n failedJobs: 0,\n blockedJobs: 0,\n activeJobs: 0,\n pendingJobs: 0,\n cancelledJobs: 0\n };\n localStorage.removeItem(THREADS_KEY);\n localStorage.removeItem('chatapp-orchestrator'); // Clean up old key\n console.log('[Threads] State cleared');\n },\n \n // ==========================================================================\n // MESSAGE PARSING (exposed as methods)\n // ==========================================================================\n \n // Parse a single message to extract reasoning/thinking\n parseMessage: parseMessage,\n \n // Parse all messages\n parseMessages: parseMessages,\n \n // Get display content (clean, without think tags)\n getDisplayContent: getDisplayContent,\n \n // Get thinking/reasoning from a message\n getThinking: getThinking\n };\n}\n\n// Backwards compatibility export\nexport var createOrchestratorMixin = createThreadsMixin;\n\n",[],[150,387,379],"app","0be9b514-e2e9-11f0-b39b-42dde27851f2","storage.js","0be9b5fa-e2e9-11f0-b39b-42dde27851f2",32,["D",1766815100356],"/**\n * Chat App Storage - LocalStorage persistence\n * \n * Unified chat structure: chats = { [chatId]: { messages: [], metadata: {...} } }\n */\n\nconst STORAGE_KEY = 'chatapp-data';\nconst API_KEYS_STORAGE_KEY = 'chatapp-api-keys'; // Separate storage for API keys\n\nimport { createChatMetadata, createChatData } from './state.js';\n\nexport function createStorageMethods() {\n return {\n // Migrate old storage format to new unified format\n migrateStorageFormat(data) {\n // Check if already in new format (chats have .messages property)\n var firstChatId = Object.keys(data.chats || {})[0];\n if (firstChatId && data.chats[firstChatId] && data.chats[firstChatId].messages !== undefined) {\n console.log('[Storage] Already in new unified format');\n return data;\n }\n \n // Old format detected - migrate\n console.log('[Storage] Migrating from old format to unified chat structure...');\n var migratedChats = {};\n var oldChats = data.chats || {};\n var oldMetadata = data.chatMetadata || {};\n \n Object.keys(oldChats).forEach(function(chatId) {\n var messages = oldChats[chatId];\n var metadata = oldMetadata[chatId] || createChatMetadata();\n migratedChats[chatId] = {\n messages: Array.isArray(messages) ? messages : [],\n metadata: metadata\n };\n });\n \n // Also migrate any metadata that exists without corresponding messages\n Object.keys(oldMetadata).forEach(function(chatId) {\n if (!migratedChats[chatId]) {\n migratedChats[chatId] = {\n messages: [],\n metadata: oldMetadata[chatId]\n };\n }\n });\n \n data.chats = migratedChats;\n delete data.chatMetadata; // Remove old format\n \n console.log('[Storage] Migration complete, migrated', Object.keys(migratedChats).length, 'chats');\n return data;\n },\n \n loadFromStorage() {\n var self = this;\n console.log('[Storage] Loading from storage...');\n \n // CRITICAL: Ensure messages is ALWAYS an array before any async operations\n // This prevents Alpine template errors during initialization\n if (!Array.isArray(self.messages)) {\n self.messages = [];\n }\n \n try {\n var stored = localStorage.getItem(STORAGE_KEY);\n if (stored) {\n var data = JSON.parse(stored);\n \n // Migrate old format if necessary\n data = self.migrateStorageFormat(data);\n \n console.log('[Storage] Parsed data, activeChatId:', data.activeChatId, 'items count:', (data.items || []).length);\n \n self.folders = Array.isArray(data.folders) ? data.folders : [];\n self.items = Array.isArray(data.items) ? data.items : [];\n self.chats = (data.chats && typeof data.chats === 'object') ? data.chats : {};\n self.nextFolderId = data.nextFolderId || 1;\n self.nextItemId = data.nextItemId || 1;\n // Store the saved active chat ID but don't set it yet\n var savedActiveChatId = data.activeChatId || null;\n \n // Ensure all messages in all chats have valid IDs\n Object.keys(self.chats).forEach(function(chatId) {\n var chat = self.chats[chatId];\n if (chat && chat.messages) {\n chat.messages = self.ensureMessageIds(chat.messages);\n }\n });\n \n // Defer active chat selection to after Alpine initializes\n var chatData = savedActiveChatId ? self.chats[savedActiveChatId] : null;\n if (savedActiveChatId && chatData && chatData.messages) {\n console.log('[Storage] Deferring chat selection to $nextTick');\n self.$nextTick(function() {\n console.log('[Storage] In $nextTick, setting activeChatId:', savedActiveChatId);\n var chatMessages = chatData.messages;\n console.log('[Storage] Chat messages count:', chatMessages.length);\n if (Array.isArray(chatMessages)) {\n var processedMessages = self.ensureMessageIds(JSON.parse(JSON.stringify(chatMessages)));\n // Use Alpine's array replacement to ensure reactivity\n self.messages.length = 0; // Clear array\n processedMessages.forEach(function(msg) {\n self.messages.push(msg);\n });\n self.activeChatId = savedActiveChatId;\n console.log('[Storage] Loaded', self.messages.length, 'messages');\n \n // CRITICAL: Restore chat-specific model and settings after loading\n if (self.restoreChatModel) {\n self.restoreChatModel(savedActiveChatId);\n }\n if (self.loadCurrentChatSettings) {\n self.loadCurrentChatSettings();\n }\n } else {\n // Invalid chat data, reset\n console.log('[Storage] Invalid chat data, resetting');\n self.messages.length = 0;\n self.activeChatId = null;\n }\n });\n } else {\n console.log('[Storage] No active chat, messages already initialized as empty array');\n self.activeChatId = null;\n }\n } else {\n console.log('[Storage] No stored data found, messages already initialized');\n self.activeChatId = null;\n }\n } catch (e) {\n console.warn('Failed to load chat data:', e);\n // Reset to safe state on error\n self.messages.length = 0;\n self.chats = {};\n self.folders = [];\n self.items = [];\n self.activeChatId = null;\n }\n \n // Load API keys separately\n self.loadApiKeys();\n },\n \n // Ensure all messages have valid and UNIQUE IDs (required for x-for :key)\n ensureMessageIds(messages) {\n if (!Array.isArray(messages)) return [];\n var baseTime = Date.now();\n var usedIds = new Set();\n \n return messages.filter(function(msg) {\n // Filter out completely invalid messages\n return msg && typeof msg === 'object';\n }).map(function(msg, index) {\n // Clone to avoid mutating original\n var clone = Object.assign({}, msg);\n // Ensure role exists first (default to 'user')\n if (!clone.role) clone.role = 'user';\n \n // Ensure id is a valid primitive (number or string) and UNIQUE\n var currentId = clone.id;\n if (currentId === undefined || currentId === null || typeof currentId === 'object' || usedIds.has(currentId)) {\n // Generate unique ID with role prefix to prevent collisions\n var randomPart = Math.random().toString(36).substr(2, 9);\n clone.id = clone.role + '-' + baseTime + '-' + index + '-' + randomPart;\n }\n usedIds.add(clone.id);\n // Ensure content exists\n if (clone.content === undefined) clone.content = '';\n return clone;\n });\n },\n \n saveToStorage() {\n // Check if auto-save is enabled\n if (!this.settings?.autoSave) {\n return;\n }\n \n try {\n // Save current messages to active chat (unified structure)\n if (this.activeChatId && Array.isArray(this.messages)) {\n // Ensure chat exists with proper structure\n if (!this.chats[this.activeChatId]) {\n this.chats[this.activeChatId] = createChatData();\n }\n // Update messages\n this.chats[this.activeChatId].messages = JSON.parse(JSON.stringify(this.messages));\n }\n \n const data = {\n folders: this.folders,\n items: this.items,\n chats: this.chats,\n nextFolderId: this.nextFolderId,\n nextItemId: this.nextItemId,\n activeChatId: this.activeChatId,\n };\n localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n } catch (e) {\n console.warn('Failed to save chat data:', e);\n }\n },\n \n // Force save regardless of auto-save setting\n forceSave() {\n try {\n // Save current messages to active chat (unified structure)\n if (this.activeChatId && Array.isArray(this.messages)) {\n if (!this.chats[this.activeChatId]) {\n this.chats[this.activeChatId] = createChatData();\n }\n this.chats[this.activeChatId].messages = JSON.parse(JSON.stringify(this.messages));\n }\n \n const data = {\n folders: this.folders,\n items: this.items,\n chats: this.chats,\n nextFolderId: this.nextFolderId,\n nextItemId: this.nextItemId,\n activeChatId: this.activeChatId,\n };\n localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n } catch (e) {\n console.warn('Failed to save chat data:', e);\n }\n },\n \n // Clear all storage data (for testing/debugging)\n clearStorage() {\n try {\n localStorage.removeItem(STORAGE_KEY);\n // Clear arrays without replacing references\n this.messages.length = 0;\n this.folders.length = 0;\n this.items.length = 0;\n this.chats = {};\n this.activeChatId = null;\n this.nextFolderId = 1;\n this.nextItemId = 1;\n console.log('[Storage] Cleared all chat data');\n } catch (e) {\n console.warn('Failed to clear storage:', e);\n }\n },\n \n // Helper to get chat metadata (from unified structure)\n getChatMetadata(chatId) {\n if (!chatId || !this.chats[chatId]) {\n return null;\n }\n return this.chats[chatId].metadata || null;\n },\n \n // Helper to update chat metadata\n updateChatMetadata(chatId, updates) {\n if (!chatId) return;\n \n // Ensure chat exists\n if (!this.chats[chatId]) {\n this.chats[chatId] = createChatData();\n }\n \n // Ensure metadata exists\n if (!this.chats[chatId].metadata) {\n this.chats[chatId].metadata = createChatMetadata();\n }\n \n // Apply updates\n Object.assign(this.chats[chatId].metadata, updates);\n this.chats[chatId].metadata.updatedAt = new Date().toISOString();\n },\n \n // =========================================================================\n // API Key Management\n // =========================================================================\n \n loadApiKeys() {\n try {\n var stored = localStorage.getItem(API_KEYS_STORAGE_KEY);\n if (stored) {\n var keys = JSON.parse(stored);\n this.apiKeys = Object.assign({\n groq: '',\n openai: '',\n anthropic: ''\n }, keys);\n console.log('[Storage] Loaded API keys for providers:', Object.keys(this.apiKeys).filter(k => this.apiKeys[k]));\n }\n } catch (e) {\n console.warn('Failed to load API keys:', e);\n }\n },\n \n saveApiKeys() {\n try {\n localStorage.setItem(API_KEYS_STORAGE_KEY, JSON.stringify(this.apiKeys));\n console.log('[Storage] Saved API keys');\n } catch (e) {\n console.warn('Failed to save API keys:', e);\n }\n },\n \n updateApiKey(provider, key) {\n this.apiKeys[provider] = key;\n this.saveApiKeys();\n // Show toast notification\n if (window.toast) {\n window.toast('API key saved!', { type: 'success' });\n }\n },\n \n getApiKey(provider) {\n return this.apiKeys[provider] || '';\n },\n \n clearApiKeys() {\n this.apiKeys = {\n groq: '',\n openai: '',\n anthropic: ''\n };\n localStorage.removeItem(API_KEYS_STORAGE_KEY);\n console.log('[Storage] Cleared all API keys');\n },\n };\n}\n",[],[150,387,389],"0bb0d5be-e2e9-11f0-8def-42dde27851f2","state.js","0bb0d6ae-e2e9-11f0-8def-42dde27851f2",26,["D",1766815099983],"/**\n * Chat App State - Initial state and model definitions\n */\n\nexport const MODELS = [\n // Groq - Compound Systems\n { id: 'groq/compound', name: 'Compound', desc: 'AI system with built-in tools including web search and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, tools: true },\n { id: 'groq/compound-mini', name: 'Compound Mini', desc: 'Faster, lighter version with web search and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, tools: true },\n \n // Groq - OpenAI GPT-OSS Models\n { id: 'openai/gpt-oss-120b', name: 'GPT OSS 120B', desc: 'Flagship 120B parameter model with browser search and reasoning.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, thinking: true, tools: true },\n { id: 'openai/gpt-oss-20b', name: 'GPT OSS 20B', desc: 'Fast 20B model with web search, thinking, and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, thinking: true, tools: true },\n \n // Groq - Llama 3.x Production\n { id: 'llama-3.1-8b-instant', name: 'Llama 3.1 8B Instant', desc: 'Ultra-fast 8B model for instant responses (560 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq' },\n { id: 'llama-3.3-70b-versatile', name: 'Llama 3.3 70B Versatile', desc: 'Versatile 70B model for a wide range of tasks (280 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq' },\n \n // Groq - Llama 4 Vision Models\n { id: 'meta-llama/llama-4-maverick-17b-128e-instruct', name: 'Llama 4 Maverick 17B', desc: 'Powerful image understanding and analysis (600 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq', image: true, preview: true },\n { id: 'meta-llama/llama-4-scout-17b-16e-instruct', name: 'Llama 4 Scout 17B', desc: 'Fast responses with image support (750 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq', image: true, preview: true },\n \n // OpenAI - GPT-5.2 Series (Latest)\n { id: 'gpt-5.2', name: 'GPT-5.2', desc: 'Most advanced model for coding and agentic tasks across industries.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n { id: 'gpt-5.2-pro', name: 'GPT-5.2 Pro', desc: 'Version of GPT-5.2 that produces smarter and more precise responses.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n { id: 'gpt-5-mini', name: 'GPT-5 Mini', desc: 'Faster, cost-efficient version of GPT-5 for well-defined tasks.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n { id: 'gpt-5-nano', name: 'GPT-5 Nano', desc: 'Fastest, most cost-efficient version of GPT-5.', logo: '/public/openai-logo.png', provider: 'openai', tools: true },\n \n // OpenAI - GPT-4o Series\n { id: 'gpt-4o', name: 'GPT-4o', desc: 'High-intelligence model with vision, fast and affordable.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n { id: 'gpt-4o-mini', name: 'GPT-4o Mini', desc: 'Small, fast, and affordable. Great for most tasks.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n \n // OpenAI - o4 Reasoning Models (Latest)\n { id: 'o4', name: 'o4', desc: 'Latest reasoning model with enhanced capabilities.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true, tools: true },\n { id: 'o4-mini', name: 'o4-mini', desc: 'Faster reasoning model optimized for coding and math.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n \n // OpenAI - o3 Reasoning Models\n { id: 'o3', name: 'o3', desc: 'Advanced reasoning model for complex multi-step tasks.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true, tools: true },\n { id: 'o3-mini', name: 'o3-mini', desc: 'Fast, flexible reasoning for coding and problem-solving.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n \n // OpenAI - o1 Reasoning Models\n { id: 'o1', name: 'o1', desc: 'Original reasoning model for complex analysis.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true },\n { id: 'o1-mini', name: 'o1-mini', desc: 'Efficient reasoning model for coding and math.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n \n // Anthropic - Claude 4 Series (Latest)\n { id: 'claude-opus-4-1-20250805', name: 'Claude Opus 4.1', desc: 'Most capable and intelligent model, setting new standards.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n { id: 'claude-opus-4-20250514', name: 'Claude Opus 4', desc: 'Highly capable model for complex tasks.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n { id: 'claude-sonnet-4-20250514', name: 'Claude Sonnet 4', desc: 'Excellent balance of performance, speed, and cost.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n \n // Anthropic - Claude 3.7 Series\n { id: 'claude-3-7-sonnet-20250219', name: 'Claude 3.7 Sonnet', desc: 'Hybrid model with extended thinking capabilities.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n \n // Anthropic - Claude 3.5 Series\n { id: 'claude-3-5-sonnet-20241022', name: 'Claude 3.5 Sonnet', desc: 'High performance for complex reasoning and coding.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n { id: 'claude-3-5-haiku-20241022', name: 'Claude 3.5 Haiku', desc: 'Fast and cost-effective for simple tasks.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', image: true, tools: true }\n];\n\n// Default model parameters\nexport const DEFAULT_MODEL_PARAMS = {\n temperature: 0.7,\n maxTokens: 2048,\n topP: 1,\n frequencyPenalty: 0,\n presencePenalty: 0,\n // Groq-specific parameters\n reasoningEffort: 'medium',\n webSearch: false,\n codeExecution: false,\n imageDetail: 'auto',\n modelVersion: 'stable'\n};\n\n// Create default chat metadata\nexport function createChatMetadata() {\n return {\n systemPrompt: '',\n defaultModel: null, // Will use global selected model if null\n parameters: { ...DEFAULT_MODEL_PARAMS },\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n}\n\n// Create a new chat object with messages and metadata unified\nexport function createChatData(messages = [], metadata = null) {\n return {\n messages: messages,\n metadata: metadata || createChatMetadata()\n };\n}\n\n// Create message metadata for tracing\nexport function createMessageMetadata(model, params) {\n return {\n model: model || null,\n temperature: params?.temperature,\n maxTokens: params?.maxTokens,\n parameters: params ? { ...params } : {},\n timestamp: new Date().toISOString()\n };\n}\n\nexport function createInitialState() {\n return {\n // Sidebar state\n sidebarOpen: true,\n rightSidebarOpen: false, // Right sidebar for chat settings\n \n // Folder/Chat tree state\n folders: [],\n items: [], // Each item represents a chat with { id, name, folderId, order }\n // Unified chats structure: { [chatId]: { messages: [], metadata: { systemPrompt, defaultModel, parameters, ... } } }\n chats: {},\n nextFolderId: 1,\n nextItemId: 1,\n activeChatId: null,\n \n // Editing state\n editingFolderId: null,\n editingFolderName: '',\n editingItemId: null,\n editingItemName: '',\n \n // Drag state\n draggingItemId: null,\n draggingFolderId: null,\n draggingType: null,\n dragOverFolderId: null,\n dragOverRoot: false,\n dragOverFolderRoot: false,\n dropIndicator: null,\n \n // Menu state\n folderMenuOpen: null,\n \n // Copy feedback state\n copiedMessageId: null,\n itemMenuOpen: null,\n \n // Message editing state\n editingMessageId: null,\n editingMessageContent: '',\n \n // Reactivity helper - increment to force sidebar re-render\n itemsVersion: 0,\n \n // Chat state\n messages: [],\n messageInput: '',\n isTyping: false,\n showAttachments: false,\n showModelPicker: false,\n modelSearch: '',\n selectedModel: null,\n previewIndex: -1,\n modelPosition: 'top',\n models: MODELS,\n activeJobId: null, // Track current job for cancellation\n \n // Model configs state (loaded from API)\n modelConfigs: [],\n \n // Current chat settings (bound to right sidebar form)\n currentChatSettings: {\n systemPrompt: '',\n temperature: 0.7,\n maxTokens: 2048,\n topP: 1,\n frequencyPenalty: 0,\n presencePenalty: 0,\n reasoningEffort: 'medium',\n webSearch: false,\n codeExecution: false,\n imageDetail: 'auto',\n modelVersion: 'stable'\n },\n \n // Settings state\n showSettings: false,\n settingsTab: 'general',\n settings: {\n autoSave: true,\n showWelcomeMessage: false,\n language: 'English',\n autoScroll: true\n },\n \n // Thinking/reasoning visibility per message\n // Format: { messageId: true/false }\n thinkingVisible: {},\n \n // API Keys - stored per provider\n apiKeys: {\n groq: '', // Groq API key\n openai: '', // OpenAI API key\n anthropic: '', // Anthropic API key\n custom: '', // Custom provider API key (optional)\n },\n };\n}\n\n",[],[150,387,397],"0bcfbf42-e2e9-11f0-a009-42dde27851f2","settings.js","0bcfbfe2-e2e9-11f0-a009-42dde27851f2",30,["D",1766815100155],"/**\n * Chat App Settings - Settings management\n */\n\nconst SETTINGS_KEY = 'chatapp-settings';\n\nexport function createSettingsMethods() {\n return {\n // Settings state (add to state.js later)\n settings: {\n autoSave: true,\n showWelcomeMessage: false,\n language: 'English',\n useStreaming: true, // Enable streaming responses by default\n autoScroll: true // Enable auto-scroll by default\n },\n \n // Toggle settings page\n toggleSettings() {\n var wasOpen = this.showSettings;\n this.showSettings = !this.showSettings;\n // Close right sidebar when opening settings\n if (this.showSettings) {\n this.rightSidebarOpen = false;\n }\n // When closing settings, check if any API key errors can be cleared\n if (wasOpen && !this.showSettings) {\n this.checkAndClearApiKeyErrors();\n }\n },\n \n // Check if API key errors in messages can be cleared (API key was added)\n checkAndClearApiKeyErrors() {\n var self = this;\n if (!Array.isArray(this.messages)) return;\n \n // First, use orchestrator to check all blocked jobs\n if (this.checkBlockedJobs) {\n var unblockedCount = this.checkBlockedJobs();\n if (unblockedCount > 0) {\n console.log('[Settings] Orchestrator unblocked', unblockedCount, 'jobs');\n }\n }\n \n // Find any API key error messages\n var hasApiKeyErrors = this.messages.some(function(m) {\n return m.role === 'error' && m.isApiKeyError;\n });\n \n if (!hasApiKeyErrors) return;\n \n // Check if the relevant provider now has an API key\n this.messages.forEach(function(msg, idx) {\n if (msg.role === 'error' && msg.isApiKeyError) {\n // Determine which provider this error was for\n var provider = self.selectedModel && self.selectedModel.provider;\n if (!provider) return;\n \n // Check if we now have an API key for this provider\n var hasKey = self.apiKeys && self.apiKeys[provider] && self.apiKeys[provider].trim().length > 0;\n \n if (hasKey) {\n // Update the error message to show it can be retried\n self.messages[idx] = {\n id: msg.id,\n role: 'error',\n content: 'API key added! Click \"Retry\" to send your message again.',\n isError: true,\n isApiKeyError: false,\n canRetry: true,\n originalProvider: provider,\n threadJobId: msg.threadJobId,\n timestamp: Date.now()\n };\n }\n }\n });\n \n // Save changes\n if (this.saveToStorage) {\n this.saveToStorage();\n }\n },\n \n // Retry a failed message (used after API key is added or for immediate retry)\n retryLastMessage() {\n if (!Array.isArray(this.messages)) return;\n \n // Find any error message (with or without canRetry flag)\n var errorMsgIdx = -1;\n var threadJobId = null;\n for (var i = this.messages.length - 1; i >= 0; i--) {\n if (this.messages[i].role === 'error') {\n errorMsgIdx = i;\n threadJobId = this.messages[i].threadJobId;\n break;\n }\n }\n \n // Find the last user message before any error\n var lastUserMsgIdx = -1;\n for (var i = this.messages.length - 1; i >= 0; i--) {\n if (this.messages[i].role === 'user') {\n lastUserMsgIdx = i;\n break;\n }\n }\n \n if (lastUserMsgIdx === -1) return;\n \n // Remove any error messages after the last user message\n var newMessages = this.messages.slice(0, lastUserMsgIdx + 1);\n this.messages = newMessages;\n \n // If there was an orchestrator job, try to retry it\n if (threadJobId && this.retryJob) {\n var success = this.retryJob(threadJobId);\n console.log('[Settings] Retry thread job:', threadJobId, success ? 'started' : 'failed');\n }\n \n // Resend the last user message\n if (this.sendChatRequest) {\n this.sendChatRequest();\n }\n \n // Save changes\n if (this.saveToStorage) {\n this.saveToStorage();\n }\n },\n \n // Cancel a job from the UI\n cancelJobFromUI(jobId) {\n if (this.cancelJob) {\n var success = this.cancelJob(jobId);\n console.log('[Settings] Cancel job:', jobId, success ? 'cancelled' : 'failed');\n \n // Remove the associated error message if present\n if (Array.isArray(this.messages)) {\n var msgIdx = this.messages.findIndex(function(m) { \n return m.threadJobId === jobId; \n });\n if (msgIdx !== -1) {\n this.messages.splice(msgIdx, 1);\n this.saveToStorage();\n }\n }\n }\n },\n \n loadSettings() {\n try {\n const stored = localStorage.getItem(SETTINGS_KEY);\n if (stored) {\n this.settings = { ...this.settings, ...JSON.parse(stored) };\n }\n } catch (e) {\n console.warn('Failed to load settings:', e);\n }\n },\n \n saveSettings() {\n try {\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(this.settings));\n } catch (e) {\n console.warn('Failed to save settings:', e);\n }\n },\n \n updateSetting(key, value) {\n this.settings[key] = value;\n this.saveSettings();\n },\n \n checkForUpdate() {\n // Simple version check - in a real app this would ping a server\n const currentVersion = '1.0.0';\n alert(`Current version: ${currentVersion}\\\\n\\\\nYou are running the latest version!`);\n },\n \n exportData() {\n try {\n // Get all chat data\n const chatData = localStorage.getItem('chatapp-data');\n const settings = localStorage.getItem(SETTINGS_KEY);\n \n const exportObj = {\n version: '1.0.0',\n exportDate: new Date().toISOString(),\n chatData: chatData ? JSON.parse(chatData) : null,\n settings: settings ? JSON.parse(settings) : null\n };\n \n // Create download\n const dataStr = JSON.stringify(exportObj, null, 2);\n const dataBlob = new Blob([dataStr], { type: 'application/json' });\n const url = URL.createObjectURL(dataBlob);\n const link = document.createElement('a');\n link.href = url;\n link.download = `chatter-export-${new Date().toISOString().split('T')[0]}.json`;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n \n console.log('Data exported successfully');\n } catch (e) {\n console.error('Failed to export data:', e);\n alert('Failed to export data. Check console for details.');\n }\n },\n \n importData() {\n try {\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = 'application/json';\n \n input.onchange = (e) => {\n const file = e.target.files[0];\n if (!file) return;\n \n const reader = new FileReader();\n reader.onload = (event) => {\n try {\n const importObj = JSON.parse(event.target.result);\n \n // Validate import\n if (!importObj.version || !importObj.chatData) {\n throw new Error('Invalid import file format');\n }\n \n // Confirm before importing\n if (!confirm('This will replace all current data. Continue?')) {\n return;\n }\n \n // Import chat data\n if (importObj.chatData) {\n localStorage.setItem('chatapp-data', JSON.stringify(importObj.chatData));\n }\n \n // Import settings\n if (importObj.settings) {\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(importObj.settings));\n }\n \n // Reload the page to apply changes\n alert('Data imported successfully! The page will now reload.');\n window.location.reload();\n } catch (err) {\n console.error('Failed to import data:', err);\n alert('Failed to import data. Please check the file format.');\n }\n };\n \n reader.readAsText(file);\n };\n \n input.click();\n } catch (e) {\n console.error('Failed to import data:', e);\n alert('Failed to import data. Check console for details.');\n }\n },\n \n clearData() {\n if (confirm('Are you sure you want to clear all data? This cannot be undone.')) {\n if (confirm('This will delete all chats, folders, and messages. Are you absolutely sure?')) {\n try {\n localStorage.removeItem('chatapp-data');\n localStorage.removeItem(SETTINGS_KEY);\n \n // Reset state\n this.folders = [];\n this.items = [];\n this.chats = {};\n this.nextFolderId = 1;\n this.nextItemId = 1;\n this.activeChatId = null;\n this.messages = [];\n this.settings = {\n autoSave: true,\n showWelcomeMessage: false,\n language: 'English',\n useStreaming: true\n };\n \n alert('All data cleared successfully!');\n } catch (e) {\n console.error('Failed to clear data:', e);\n alert('Failed to clear data. Check console for details.');\n }\n }\n }\n }\n };\n}\n\n",[],[150,387,405],"0ba174fc-e2e9-11f0-8def-42dde27851f2","providerSettings.js","0ba175e2-e2e9-11f0-8def-42dde27851f2",24,["D",1766815099847],"/**\n * Provider Settings - Manage API keys, base URLs, and model configurations\n * Loads defaults from server configs and allows user customization via localStorage\n */\n\nvar PROVIDER_SETTINGS_KEY = 'chatapp-provider-settings';\nvar PROVIDER_SETTINGS_VERSION = 2; // Increment this when DEFAULT_MODELS changes significantly\n\n// Default provider configurations\nvar DEFAULT_PROVIDERS = {\n groq: {\n name: 'Groq',\n baseUrl: 'https://api.groq.com/openai/v1',\n logo: '/public/groq-logo-orange.png',\n docsUrl: 'https://console.groq.com/docs',\n apiKeyUrl: 'https://console.groq.com/keys',\n apiKeyPrefix: 'gsk_'\n },\n openai: {\n name: 'OpenAI',\n baseUrl: 'https://api.openai.com/v1',\n logo: '/public/openai-logo.png',\n docsUrl: 'https://platform.openai.com/docs',\n apiKeyUrl: 'https://platform.openai.com/api-keys',\n apiKeyPrefix: 'sk-'\n },\n anthropic: {\n name: 'Anthropic',\n baseUrl: 'https://api.anthropic.com/v1',\n logo: 'vscode-icons:file-type-claude',\n docsUrl: 'https://docs.anthropic.com',\n apiKeyUrl: 'https://console.anthropic.com/settings/keys',\n apiKeyPrefix: 'sk-ant-'\n },\n custom: {\n name: 'Custom',\n baseUrl: 'https://llm.labspace.ai/v1',\n logo: '/public/custom-logo.png',\n docsUrl: '',\n apiKeyUrl: '',\n apiKeyPrefix: ''\n }\n};\n\n// Default models based on provider configs\nvar DEFAULT_MODELS = [\n // Groq models\n { id: 'groq/compound', name: 'Compound', provider: 'groq', desc: 'AI system with built-in tools including web search and code execution.', capabilities: { web: true, tools: true, streaming: true } },\n { id: 'groq/compound-mini', name: 'Compound Mini', provider: 'groq', desc: 'Faster, lighter version with web search and code execution.', capabilities: { web: true, tools: true, streaming: true } },\n { id: 'llama-3.1-8b-instant', name: 'Llama 3.1 8B Instant', provider: 'groq', desc: 'Ultra-fast 8B model for instant responses (560 t/s).', capabilities: { streaming: true } },\n { id: 'llama-3.3-70b-versatile', name: 'Llama 3.3 70B Versatile', provider: 'groq', desc: 'Versatile 70B model for a wide range of tasks (280 t/s).', capabilities: { streaming: true } },\n { id: 'meta-llama/llama-4-maverick-17b-128e-instruct', name: 'Llama 4 Maverick 17B', provider: 'groq', desc: 'Powerful image understanding and analysis (600 t/s).', capabilities: { image: true, streaming: true }, preview: true },\n { id: 'meta-llama/llama-4-scout-17b-16e-instruct', name: 'Llama 4 Scout 17B', provider: 'groq', desc: 'Fast responses with image support (750 t/s).', capabilities: { image: true, streaming: true }, preview: true },\n { id: 'openai/gpt-oss-120b', name: 'GPT OSS 120B', provider: 'groq', desc: 'Flagship 120B parameter model with browser search and reasoning.', capabilities: { web: true, thinking: true, tools: true, streaming: true } },\n { id: 'openai/gpt-oss-20b', name: 'GPT OSS 20B', provider: 'groq', desc: 'Fast 20B model with web search, thinking, and code execution.', capabilities: { web: true, thinking: true, tools: true, streaming: true } },\n { id: 'moonshotai/kimi-k2-instruct-0905', name: 'Kimi K2', provider: 'groq', desc: 'Highly capable for writing and coding with 262K context.', capabilities: { streaming: true }, preview: true },\n { id: 'qwen/qwen3-32b', name: 'Qwen3-32B', provider: 'groq', desc: 'Multilingual responses with thinking capabilities.', capabilities: { thinking: true, streaming: true }, preview: true },\n \n // OpenAI models - GPT-5.2 Series (Latest)\n { id: 'gpt-5.2', name: 'GPT-5.2', provider: 'openai', desc: 'Most advanced model for coding and agentic tasks across industries.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'gpt-5.2-pro', name: 'GPT-5.2 Pro', provider: 'openai', desc: 'Version of GPT-5.2 that produces smarter and more precise responses.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'gpt-5-mini', name: 'GPT-5 Mini', provider: 'openai', desc: 'Faster, cost-efficient version of GPT-5 for well-defined tasks.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'gpt-5-nano', name: 'GPT-5 Nano', provider: 'openai', desc: 'Fastest, most cost-efficient version of GPT-5.', capabilities: { streaming: true, tools: true } },\n \n // OpenAI - GPT-4o Series\n { id: 'gpt-4o', name: 'GPT-4o', provider: 'openai', desc: 'High-intelligence model with vision, fast and affordable.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'gpt-4o-mini', name: 'GPT-4o Mini', provider: 'openai', desc: 'Small, fast, and affordable. Great for most tasks.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'chatgpt-4o-latest', name: 'ChatGPT-4o Latest', provider: 'openai', desc: 'Dynamic model continuously updated to current ChatGPT version.', capabilities: { image: true, streaming: true, tools: true } },\n \n // OpenAI - o4 Reasoning Models (Latest)\n { id: 'o4', name: 'o4', provider: 'openai', desc: 'Latest reasoning model with enhanced capabilities and configurable effort.', capabilities: { thinking: true, streaming: true, image: true, tools: true } },\n { id: 'o4-mini', name: 'o4-mini', provider: 'openai', desc: 'Faster reasoning model optimized for coding, math, and science.', capabilities: { thinking: true, streaming: true } },\n \n // OpenAI - o3 Reasoning Models\n { id: 'o3', name: 'o3', provider: 'openai', desc: 'Advanced reasoning model for complex multi-step tasks.', capabilities: { thinking: true, streaming: true, image: true, tools: true } },\n { id: 'o3-mini', name: 'o3-mini', provider: 'openai', desc: 'Fast, flexible reasoning for coding and problem-solving.', capabilities: { thinking: true, streaming: true } },\n \n // OpenAI - o1 Reasoning Models\n { id: 'o1', name: 'o1', provider: 'openai', desc: 'Original reasoning model for complex analysis.', capabilities: { thinking: true, streaming: true, image: true } },\n { id: 'o1-mini', name: 'o1-mini', provider: 'openai', desc: 'Efficient reasoning model for coding and math.', capabilities: { thinking: true, streaming: true } },\n { id: 'o1-pro', name: 'o1-pro', provider: 'openai', desc: 'Enhanced compute for hard problems.', capabilities: { thinking: true, streaming: true, image: true } },\n \n // Anthropic - Claude 4 Series (Latest)\n { id: 'claude-opus-4-1-20250805', name: 'Claude Opus 4.1', provider: 'anthropic', desc: 'Most capable and intelligent model, setting new standards in complex reasoning.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n { id: 'claude-opus-4-20250514', name: 'Claude Opus 4', provider: 'anthropic', desc: 'Highly capable model for complex tasks requiring deep reasoning.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n { id: 'claude-sonnet-4-20250514', name: 'Claude Sonnet 4', provider: 'anthropic', desc: 'Excellent balance of performance, speed, and cost with extended thinking.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n \n // Anthropic - Claude 3.7 Series\n { id: 'claude-3-7-sonnet-20250219', name: 'Claude 3.7 Sonnet', provider: 'anthropic', desc: 'Hybrid model with extended thinking capabilities.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n \n // Anthropic - Claude 3.5 Series\n { id: 'claude-3-5-sonnet-20241022', name: 'Claude 3.5 Sonnet', provider: 'anthropic', desc: 'High performance for complex reasoning and coding.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n { id: 'claude-3-5-haiku-20241022', name: 'Claude 3.5 Haiku', provider: 'anthropic', desc: 'Fast and cost-effective for simple tasks.', capabilities: { image: true, streaming: true, tools: true } },\n \n // Anthropic - Claude 3 Series (Legacy)\n { id: 'claude-3-opus-20240229', name: 'Claude 3 Opus', provider: 'anthropic', desc: 'Highly capable for complex analysis and coding.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'claude-3-sonnet-20240229', name: 'Claude 3 Sonnet', provider: 'anthropic', desc: 'Balanced performance and cost.', capabilities: { image: true, streaming: true, tools: true } },\n { id: 'claude-3-haiku-20240307', name: 'Claude 3 Haiku', provider: 'anthropic', desc: 'Fastest Claude 3 model.', capabilities: { streaming: true, tools: true } }\n];\n\nexport function createProviderSettingsMethods() {\n return {\n // Provider settings state\n providerSettings: {\n providers: {}, // { groq: { baseUrl, apiKey }, openai: {...} }\n models: [], // User's configured models\n loaded: false\n },\n \n // UI state for provider settings\n providerSettingsUI: {\n editingModelId: null,\n editingModelName: '',\n addingModelToProvider: null,\n newModelId: '',\n expandedProvider: 'groq', // Which provider section is expanded\n discoveringModels: false,\n discoveryError: null,\n testingConnection: false,\n connectionTestResult: null\n },\n \n // Load provider settings from localStorage, merging with defaults\n loadProviderSettings() {\n try {\n var stored = localStorage.getItem(PROVIDER_SETTINGS_KEY);\n var parsed = stored ? JSON.parse(stored) : {};\n \n // Check version - if old version or no version, reset to defaults\n if (!parsed.version || parsed.version < PROVIDER_SETTINGS_VERSION) {\n console.log('[ProviderSettings] Old version detected, resetting to defaults');\n parsed = { version: PROVIDER_SETTINGS_VERSION };\n }\n \n // Merge with defaults for providers\n var providers = {};\n Object.keys(DEFAULT_PROVIDERS).forEach(function(key) {\n providers[key] = Object.assign(\n {},\n DEFAULT_PROVIDERS[key],\n parsed.providers ? parsed.providers[key] : {}\n );\n });\n \n // For models, use stored if available AND not empty, otherwise use defaults\n var models = (parsed.models && parsed.models.length > 0) \n ? parsed.models \n : JSON.parse(JSON.stringify(DEFAULT_MODELS));\n \n // Safety check: if models is still empty (shouldn't happen), force defaults\n if (!models || models.length === 0) {\n console.warn('[ProviderSettings] Models array was empty, forcing defaults');\n models = JSON.parse(JSON.stringify(DEFAULT_MODELS));\n }\n \n this.providerSettings = {\n providers: providers,\n models: models,\n loaded: true,\n version: PROVIDER_SETTINGS_VERSION\n };\n \n // Also sync apiKeys from storage (these are stored separately)\n if (this.apiKeys) {\n Object.keys(providers).forEach(function(key) {\n if (this.apiKeys[key]) {\n providers[key].apiKey = this.apiKeys[key];\n }\n }.bind(this));\n }\n \n // Update the global models list for the picker\n this.updateGlobalModelsList();\n \n console.log('[ProviderSettings] Loaded', models.length, 'models');\n } catch (e) {\n console.warn('Failed to load provider settings:', e);\n this.providerSettings = {\n providers: JSON.parse(JSON.stringify(DEFAULT_PROVIDERS)),\n models: JSON.parse(JSON.stringify(DEFAULT_MODELS)),\n loaded: true,\n version: PROVIDER_SETTINGS_VERSION\n };\n this.updateGlobalModelsList();\n }\n },\n \n // Save provider settings to localStorage\n saveProviderSettings() {\n try {\n var data = {\n version: PROVIDER_SETTINGS_VERSION,\n providers: {},\n models: this.providerSettings.models\n };\n \n // Only save user-modified provider settings (not defaults)\n Object.keys(this.providerSettings.providers).forEach(function(key) {\n var provider = this.providerSettings.providers[key];\n data.providers[key] = {\n baseUrl: provider.baseUrl,\n name: provider.name // Save custom provider name\n // Don't save apiKey here - it's stored separately\n };\n }.bind(this));\n \n localStorage.setItem(PROVIDER_SETTINGS_KEY, JSON.stringify(data));\n console.log('[ProviderSettings] Saved');\n } catch (e) {\n console.warn('Failed to save provider settings:', e);\n }\n },\n \n // Reset provider settings to defaults\n resetProviderSettings() {\n if (confirm('Reset all provider settings to defaults? This will remove any custom models you have added.')) {\n localStorage.removeItem(PROVIDER_SETTINGS_KEY);\n this.loadProviderSettings();\n this.updateGlobalModelsList();\n }\n },\n \n // Get models for a specific provider\n getModelsForProvider(providerId) {\n return this.providerSettings.models.filter(function(m) {\n return m.provider === providerId;\n });\n },\n \n // Update provider base URL\n updateProviderBaseUrl(providerId, url) {\n if (this.providerSettings.providers[providerId]) {\n this.providerSettings.providers[providerId].baseUrl = url;\n this.saveProviderSettings();\n }\n },\n \n // Update provider name\n updateProviderName(providerId, name) {\n if (this.providerSettings.providers[providerId]) {\n this.providerSettings.providers[providerId].name = name;\n this.saveProviderSettings();\n // Update model descriptions with new provider name\n this.updateGlobalModelsList();\n }\n },\n \n // Start editing a model name\n startEditingModel(modelId, currentName) {\n this.providerSettingsUI.editingModelId = modelId;\n this.providerSettingsUI.editingModelName = currentName;\n \n // Focus the input after Alpine renders\n var self = this;\n this.$nextTick(function() {\n var input = document.querySelector('[data-model-edit=\"' + modelId + '\"]');\n if (input) {\n input.focus();\n input.select();\n }\n });\n },\n \n // Commit editing a model name\n commitEditingModel() {\n var modelId = this.providerSettingsUI.editingModelId;\n var newName = this.providerSettingsUI.editingModelName.trim();\n \n if (modelId && newName) {\n var model = this.providerSettings.models.find(function(m) {\n return m.id === modelId;\n });\n if (model) {\n model.name = newName;\n this.saveProviderSettings();\n }\n }\n \n this.providerSettingsUI.editingModelId = null;\n this.providerSettingsUI.editingModelName = '';\n },\n \n // Cancel editing\n cancelEditingModel() {\n this.providerSettingsUI.editingModelId = null;\n this.providerSettingsUI.editingModelName = '';\n },\n \n // Start adding a new model\n startAddingModel(providerId) {\n this.providerSettingsUI.addingModelToProvider = providerId;\n this.providerSettingsUI.newModelId = '';\n \n var self = this;\n this.$nextTick(function() {\n var input = document.querySelector('[data-new-model-input=\"' + providerId + '\"]');\n if (input) {\n input.focus();\n }\n });\n },\n \n // Commit adding a new model\n commitAddingModel() {\n var providerId = this.providerSettingsUI.addingModelToProvider;\n var modelId = this.providerSettingsUI.newModelId.trim();\n \n if (providerId && modelId) {\n // Check if model already exists\n var exists = this.providerSettings.models.find(function(m) {\n return m.id === modelId;\n });\n \n if (exists) {\n alert('Model with this ID already exists');\n return;\n }\n \n // Add new model (active by default)\n var provider = this.providerSettings.providers[providerId];\n var providerName = provider?.name || providerId;\n \n // Extract hostname from baseUrl for custom providers\n if (providerId === 'custom' && provider?.baseUrl) {\n try {\n var url = new URL(provider.baseUrl);\n providerName = url.hostname;\n } catch (e) {\n providerName = 'Custom';\n }\n }\n \n this.providerSettings.models.push({\n id: modelId,\n name: modelId, // Use ID as initial name, user can edit\n provider: providerId,\n desc: providerName + ' model',\n capabilities: { streaming: true },\n active: true\n });\n \n this.saveProviderSettings();\n this.updateGlobalModelsList();\n }\n \n this.providerSettingsUI.addingModelToProvider = null;\n this.providerSettingsUI.newModelId = '';\n },\n \n // Cancel adding\n cancelAddingModel() {\n this.providerSettingsUI.addingModelToProvider = null;\n this.providerSettingsUI.newModelId = '';\n },\n \n // Delete a model\n deleteModel(modelId) {\n if (confirm('Delete this model from your configuration?')) {\n this.providerSettings.models = this.providerSettings.models.filter(function(m) {\n return m.id !== modelId;\n });\n this.saveProviderSettings();\n this.updateGlobalModelsList();\n }\n },\n \n // Toggle model capability\n toggleModelCapability(modelId, capability) {\n var model = this.providerSettings.models.find(function(m) {\n return m.id === modelId;\n });\n if (model) {\n if (!model.capabilities) model.capabilities = {};\n model.capabilities[capability] = !model.capabilities[capability];\n this.saveProviderSettings();\n }\n },\n \n // Toggle model active/inactive (show/hide in model picker)\n toggleModelActive(modelId) {\n var model = this.providerSettings.models.find(function(m) {\n return m.id === modelId;\n });\n if (model) {\n // Default to true if undefined, so toggle to false\n model.active = model.active === false ? true : false;\n this.saveProviderSettings();\n \n // Also update the global models list used by the picker\n this.updateGlobalModelsList();\n }\n },\n \n // Enable all models for a provider\n enableAllModels(providerId) {\n var models = this.getModelsForProvider(providerId);\n models.forEach(function(m) {\n m.active = true;\n });\n this.saveProviderSettings();\n this.updateGlobalModelsList();\n },\n \n // Disable all models for a provider\n disableAllModels(providerId) {\n var models = this.getModelsForProvider(providerId);\n models.forEach(function(m) {\n m.active = false;\n });\n this.saveProviderSettings();\n this.updateGlobalModelsList();\n },\n \n // Update the global models list (used by model picker) from provider settings\n updateGlobalModelsList() {\n // Get all active models from provider settings\n var activeModels = this.providerSettings.models.filter(function(m) {\n return m.active !== false; // Show by default if not set\n });\n \n // Get provider logos\n var providerLogos = {\n groq: '/public/groq-logo-orange.png',\n openai: '/public/openai-logo.png',\n anthropic: 'vscode-icons:file-type-claude',\n custom: 'lucide:message-square'\n };\n \n // Helper function to get provider display name\n var self = this;\n var getProviderDisplayName = function(providerId) {\n var provider = self.providerSettings.providers[providerId];\n if (!provider) return providerId;\n \n // For custom provider, use custom name or extract from URL\n if (providerId === 'custom') {\n if (provider.name) {\n return provider.name;\n }\n if (provider.baseUrl) {\n try {\n var url = new URL(provider.baseUrl);\n return url.hostname;\n } catch (e) {\n return 'Custom';\n }\n }\n return 'Custom';\n }\n \n // For other providers, use their name\n return provider.name || providerId;\n };\n \n // Update the main models array used by the picker\n // Use a Map to deduplicate by model ID (keep first occurrence)\n var seenIds = {};\n var dedupedModels = [];\n activeModels.forEach(function(m) {\n if (!seenIds[m.id]) {\n seenIds[m.id] = true;\n dedupedModels.push(m);\n }\n });\n \n this.models = dedupedModels.map(function(m) {\n // Generate description dynamically based on current provider settings\n var providerDisplayName = getProviderDisplayName(m.provider);\n var desc = m.desc;\n \n // Update description for custom provider models to use current provider name\n if (m.provider === 'custom') {\n desc = providerDisplayName + ' model';\n }\n \n return {\n id: m.id,\n name: m.name,\n desc: desc,\n logo: providerLogos[m.provider] || 'mdi:robot',\n provider: m.provider,\n web: m.capabilities?.web,\n thinking: m.capabilities?.thinking,\n image: m.capabilities?.image,\n tools: m.capabilities?.tools,\n preview: m.preview\n };\n });\n \n // If current selected model is no longer active, select the first available\n if (this.selectedModel) {\n var stillActive = this.models.find(function(m) {\n return m.id === this.selectedModel.id;\n }.bind(this));\n \n if (!stillActive && this.models.length > 0) {\n this.selectedModel = this.models[0];\n }\n }\n },\n \n // Update model description\n updateModelDescription(modelId, desc) {\n var model = this.providerSettings.models.find(function(m) {\n return m.id === modelId;\n });\n if (model) {\n model.desc = desc;\n this.saveProviderSettings();\n }\n },\n \n // Discover models from a custom endpoint\n async discoverModels(providerId) {\n var provider = this.providerSettings.providers[providerId];\n if (!provider || !provider.baseUrl) {\n this.providerSettingsUI.discoveryError = 'Please enter a base URL first';\n return;\n }\n \n this.providerSettingsUI.discoveringModels = true;\n this.providerSettingsUI.discoveryError = null;\n \n try {\n var apiKey = this.apiKeys ? this.apiKeys[providerId] : null;\n \n var response = await fetch('/api/providers/discover-models', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n baseUrl: provider.baseUrl,\n apiKey: apiKey,\n provider: providerId\n })\n });\n \n var data = await response.json();\n \n if (!response.ok || data.error) {\n throw new Error(data.error || data.details || 'Failed to discover models');\n }\n \n if (data.models && data.models.length > 0) {\n var addedCount = 0;\n var self = this;\n \n data.models.forEach(function(model) {\n // Check if model already exists\n var exists = self.providerSettings.models.find(function(m) {\n return m.id === model.id;\n });\n \n if (!exists) {\n // Get provider name - use custom name if set, otherwise extract from URL\n var providerName = 'Custom';\n if (provider.name) {\n providerName = provider.name;\n } else if (provider.baseUrl) {\n try {\n var url = new URL(provider.baseUrl);\n providerName = url.hostname;\n } catch (e) {\n providerName = 'Custom';\n }\n }\n \n self.providerSettings.models.push({\n id: model.id,\n name: model.name || model.id,\n provider: providerId,\n desc: providerName + ' model' + (model.owned_by && model.owned_by !== 'organization_owner' ? ' • ' + model.owned_by : ''),\n capabilities: { streaming: true },\n active: true\n });\n addedCount++;\n }\n });\n \n if (addedCount > 0) {\n this.saveProviderSettings();\n this.updateGlobalModelsList();\n // Success - models added silently\n } else {\n // All models already exist - no action needed\n }\n } else {\n this.providerSettingsUI.discoveryError = 'No models found at this endpoint';\n }\n } catch (error) {\n console.error('[discoverModels] Error:', error);\n this.providerSettingsUI.discoveryError = error.message || 'Failed to discover models';\n } finally {\n this.providerSettingsUI.discoveringModels = false;\n }\n },\n \n // Test connection to a provider\n async testConnection(providerId) {\n var provider = this.providerSettings.providers[providerId];\n \n this.providerSettingsUI.testingConnection = true;\n this.providerSettingsUI.connectionTestResult = null;\n \n try {\n var apiKey = this.apiKeys ? this.apiKeys[providerId] : null;\n \n var response = await fetch('/api/providers/test-connection', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n baseUrl: provider ? provider.baseUrl : null,\n apiKey: apiKey,\n provider: providerId\n })\n });\n \n var data = await response.json();\n \n this.providerSettingsUI.connectionTestResult = {\n success: data.success,\n message: data.message || data.error,\n modelCount: data.modelCount\n };\n } catch (error) {\n console.error('[testConnection] Error:', error);\n this.providerSettingsUI.connectionTestResult = {\n success: false,\n message: error.message || 'Connection test failed'\n };\n } finally {\n this.providerSettingsUI.testingConnection = false;\n }\n },\n \n // Get capability badge class\n getCapabilityBadgeClass(capability) {\n switch(capability) {\n case 'web': return 'badge-info';\n case 'thinking': return 'badge-purple';\n case 'image': return 'badge-success';\n case 'tools': return 'badge-warning';\n case 'streaming': return 'badge-neutral';\n default: return 'badge-neutral';\n }\n },\n \n // Get capability icon\n getCapabilityIcon(capability) {\n switch(capability) {\n case 'web': return 'mdi:web';\n case 'thinking': return 'mdi:brain';\n case 'image': return 'mdi:image-outline';\n case 'tools': return 'mdi:tools';\n case 'streaming': return 'mdi:lightning-bolt';\n default: return 'mdi:help-circle-outline';\n }\n },\n \n // Get provider logo path\n getProviderLogo(providerId) {\n var logos = {\n groq: '/public/groq-logo-orange.png',\n openai: '/public/openai-logo.png',\n anthropic: 'vscode-icons:file-type-claude',\n custom: '/public/custom-logo.png'\n };\n return logos[providerId] || '/public/custom-logo.png';\n }\n };\n}\n",[],[150,387,413],"0b83422a-e2e9-11f0-b141-42dde27851f2","models.js","0b834310-e2e9-11f0-b141-42dde27851f2",20,["D",1766815099683],"/**\n * Chat App Models - Model picker functionality\n * \n * Uses unified chat structure: chats[id] = { messages: [], metadata: {...} }\n */\n\nimport { createChatData, createChatMetadata } from './state.js';\n\nexport function createModelMethods() {\n return {\n initPreviewIndex() {\n if (this.selectedModel) {\n const idx = this.filteredModels.findIndex(m => m.id === this.selectedModel.id);\n this.previewIndex = idx >= 0 ? idx : 0;\n } else {\n this.previewIndex = 0;\n }\n },\n \n handleModelKeydown(event) {\n const filtered = this.filteredModels;\n if (filtered.length === 0) return;\n \n if (event.key === 'ArrowDown') {\n event.preventDefault();\n this.previewIndex = Math.min(this.previewIndex + 1, filtered.length - 1);\n this.scrollPreviewIntoView();\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n this.previewIndex = Math.max(this.previewIndex - 1, 0);\n this.scrollPreviewIntoView();\n } else if (event.key === 'Enter') {\n event.preventDefault();\n if (this.previewIndex >= 0 && this.previewIndex < filtered.length) {\n this.selectModel(filtered[this.previewIndex]);\n }\n } else if (event.key === 'Escape') {\n event.preventDefault();\n this.showModelPicker = false;\n this.modelSearch = '';\n }\n },\n \n scrollPreviewIntoView() {\n this.$nextTick(() => {\n const list = this.$refs.modelList;\n const items = list?.querySelectorAll('.model-picker-item');\n if (items && items[this.previewIndex]) {\n items[this.previewIndex].scrollIntoView({ block: 'nearest' });\n }\n });\n },\n \n selectModel(model) {\n this.selectedModel = model;\n this.showModelPicker = false;\n this.modelSearch = '';\n \n // Save selected model to current chat's unified metadata\n if (this.activeChatId) {\n // Ensure chat exists with proper structure\n if (!this.chats[this.activeChatId]) {\n this.chats[this.activeChatId] = createChatData();\n }\n // Ensure metadata exists\n if (!this.chats[this.activeChatId].metadata) {\n this.chats[this.activeChatId].metadata = createChatMetadata();\n }\n \n this.chats[this.activeChatId].metadata.defaultModel = model.id;\n this.chats[this.activeChatId].metadata.updatedAt = new Date().toISOString();\n \n console.log('[selectModel] Saved model to chat', this.activeChatId, ':', model.id);\n \n // Trigger save\n if (this.saveToStorage) {\n this.saveToStorage();\n }\n }\n \n this.$nextTick(() => {\n if (this.$refs.input) {\n this.$refs.input.focus();\n }\n });\n },\n \n setupModelPickerWatchers() {\n this.$watch('showModelPicker', (value) => {\n if (value) {\n this.$nextTick(() => {\n const trigger = this.$refs.modelTrigger;\n const dropdown = this.$refs.modelDropdown;\n if (trigger && dropdown) {\n const triggerRect = trigger.getBoundingClientRect();\n const dropdownRect = dropdown.getBoundingClientRect();\n const viewportHeight = window.innerHeight;\n \n if (triggerRect.bottom + dropdownRect.height > viewportHeight && triggerRect.top > dropdownRect.height) {\n this.modelPosition = 'top';\n } else {\n this.modelPosition = 'bottom';\n }\n }\n this.initPreviewIndex();\n if (this.$refs.modelSearchInput) {\n this.$refs.modelSearchInput.focus();\n }\n });\n } else {\n this.modelSearch = '';\n this.previewIndex = -1;\n }\n });\n \n this.$watch('modelSearch', () => this.initPreviewIndex());\n },\n };\n}\n",[],[150,387,421],"0ba63e06-e2e9-11f0-a009-42dde27851f2","messaging.js","0ba63ece-e2e9-11f0-a009-42dde27851f2",25,["D",1766815099914],"/**\n * Chat App Messaging - Message sending, receiving, and API calls\n */\n\nimport { createMonacoEditor, addCopyButton } from \"../monaco-utils.js\";\n\nexport function createMessagingMethods(marked) {\n return {\n renderMessage(content) {\n return marked.parse(content);\n },\n\n async hydrateMonacoEditors() {\n // IMPORTANT: This function manipulates DOM which can break Alpine's x-for tracking\n // We need to be very careful to only modify elements OUTSIDE the x-for template\n // Use a safer approach: add Monaco INSIDE the existing element instead of replacing\n \n const codeBlocks = this.$el.querySelectorAll('pre code');\n \n for (const block of codeBlocks) {\n const pre = block.parentElement;\n if (!pre || pre.classList.contains('monaco-hydrated')) continue;\n \n const className = block.className;\n const langMatch = className.match(/language-(\\w+)/);\n const language = langMatch ? langMatch[1] : 'plaintext';\n \n if (['javascript', 'js', 'typescript', 'ts', 'json'].includes(language)) {\n const code = block.textContent;\n \n if (!pre.parentNode) continue;\n \n // SAFER APPROACH: Instead of replacing the pre element (which breaks Alpine),\n // hide the original content and add Monaco as a sibling\n // This preserves Alpine's DOM tracking\n \n // Mark as hydrated first to prevent double processing\n pre.classList.add('monaco-hydrated');\n \n // Hide the original code block\n pre.style.display = 'none';\n \n // Create Monaco wrapper as a sibling, not a replacement\n const wrapper = document.createElement('div');\n wrapper.className = 'monaco-wrapper';\n wrapper.style.position = 'relative';\n wrapper.style.marginTop = '1rem';\n wrapper.style.marginBottom = '1rem';\n \n const container = document.createElement('div');\n container.style.height = '200px';\n container.style.width = '100%';\n container.style.border = '1px solid #e2e8f0';\n container.style.borderRadius = '0.375rem';\n container.style.overflow = 'hidden';\n container.style.backgroundColor = '#ffffff';\n \n wrapper.appendChild(container);\n addCopyButton(wrapper, code);\n \n // Insert after the pre instead of replacing\n pre.parentNode.insertBefore(wrapper, pre.nextSibling);\n\n await this.$nextTick();\n\n createMonacoEditor(container, code, language, {\n readOnly: true,\n lineNumbers: 'off'\n });\n } else {\n pre.classList.add('monaco-hydrated');\n }\n }\n },\n \n adjustHeight() {\n const textarea = this.$refs.input;\n textarea.style.height = 'auto';\n const newHeight = Math.min(textarea.scrollHeight, 200);\n textarea.style.height = newHeight + 'px';\n \n const container = textarea.closest('.chat-input-container');\n if (container) {\n if (newHeight > 50) {\n container.classList.add('multiline');\n } else {\n container.classList.remove('multiline');\n }\n }\n },\n \n triggerFileUpload(type) {\n this.showAttachments = false;\n const fileName = type === 'image' ? 'vacation_photo.jpg' : 'project_report.pdf';\n \n // Generate unique ID with role prefix to prevent ID collision\n const userMessageId = 'user-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n \n this.messages.push({\n id: userMessageId,\n role: 'user',\n content: 'Uploaded ' + fileName,\n attachment: fileName,\n timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n });\n this.$nextTick(() => this.scrollToBottom());\n this.sendChatRequest();\n },\n \n copyMessage(text, messageId) {\n navigator.clipboard.writeText(text).then(() => {\n // Set copied state for this message\n this.copiedMessageId = messageId;\n \n // Clear after 1.5 seconds\n setTimeout(() => {\n this.copiedMessageId = null;\n }, 1500);\n });\n },\n \n deleteMessage(messageId) {\n const msgIndex = this.messages.findIndex(m => m.id === messageId);\n if (msgIndex !== -1) {\n this.messages.splice(msgIndex, 1);\n this.saveToStorage();\n }\n },\n \n // Fork chat from a message - create new chat with all messages up to and including this one\n forkChatFromMessage(messageId) {\n const msgIndex = this.messages.findIndex(m => m.id === messageId);\n if (msgIndex === -1) {\n console.warn('[forkChatFromMessage] Message not found:', messageId);\n return;\n }\n \n // Get all messages up to and including this one\n const forkedMessages = this.messages.slice(0, msgIndex + 1);\n \n // Get the current chat's folder\n const currentChat = this.items.find(i => i.id === this.activeChatId);\n const folderId = currentChat ? currentChat.folderId : null;\n \n // Create new chat in the same folder\n const id = this.nextItemId++;\n const order = this.getMaxOrder(this.items.filter(i => i.folderId === folderId)) + 1;\n \n // Generate name from the last user message or use default\n let chatName = 'Forked Chat';\n const lastUserMsg = forkedMessages.filter(m => m.role === 'user').pop();\n if (lastUserMsg && lastUserMsg.content) {\n chatName = lastUserMsg.content.slice(0, 30) + (lastUserMsg.content.length > 30 ? '...' : '');\n }\n \n const item = { id, name: chatName, folderId, order };\n this.items.push(item);\n \n // Create chat with forked messages (deep copy to avoid reference issues)\n const messageCopy = JSON.parse(JSON.stringify(forkedMessages));\n this.chats[id] = {\n messages: messageCopy,\n metadata: {\n createdAt: Date.now(),\n updatedAt: Date.now(),\n forkedFrom: this.activeChatId,\n forkedAt: Date.now()\n }\n };\n \n // Select the new chat\n this.selectChat(id);\n \n console.log('[forkChatFromMessage] Created forked chat:', id, 'with', forkedMessages.length, 'messages');\n },\n \n // Delete all messages below (after) this message\n deleteMessagesBelow(messageId) {\n const msgIndex = this.messages.findIndex(m => m.id === messageId);\n if (msgIndex === -1) {\n console.warn('[deleteMessagesBelow] Message not found:', messageId);\n return;\n }\n \n // Get count of messages to delete (for confirmation)\n const deleteCount = this.messages.length - msgIndex - 1;\n \n if (deleteCount === 0) {\n console.log('[deleteMessagesBelow] No messages below this one');\n return;\n }\n \n // Confirm deletion\n if (!confirm('Delete ' + deleteCount + ' message' + (deleteCount === 1 ? '' : 's') + ' below this one?')) {\n return;\n }\n \n // Delete all messages after this one\n this.messages.splice(msgIndex + 1, deleteCount);\n this.saveToStorage();\n \n console.log('[deleteMessagesBelow] Deleted', deleteCount, 'messages');\n },\n \n regenerateMessage(messageId) {\n // Find and delete the assistant message, then re-run inference\n const msgIndex = this.messages.findIndex(m => m.id === messageId);\n if (msgIndex !== -1 && this.messages[msgIndex].role === 'assistant') {\n this.messages.splice(msgIndex, 1);\n this.saveToStorage();\n // Re-run the chat request\n this.sendChatRequest();\n }\n },\n\n async sendMessage() {\n const self = this;\n if (!self.messageInput.trim() || self.isTyping || !self.activeChatId) return;\n \n // Defensive check: ensure messages is always an array\n if (!Array.isArray(self.messages)) {\n console.warn('[sendMessage] messages is not an array, resetting to empty array');\n self.messages = [];\n }\n \n const userText = self.messageInput;\n \n // Check if we should auto-rename (first user message in a \"New Chat\")\n const currentItem = self.items.find(i => i.id === self.activeChatId);\n const shouldRename = currentItem && currentItem.name === 'New Chat' && self.messages.filter(m => m.role === 'user').length === 0;\n \n // Generate unique ID with role prefix to prevent ID collision\n const userMessageId = 'user-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n \n self.messages.push({\n id: userMessageId,\n role: 'user',\n content: userText,\n timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n });\n \n // Auto-rename: just call the rename function directly\n if (shouldRename) {\n const newName = userText.slice(0, 30) + (userText.length > 30 ? '...' : '');\n self.renameChat(self.activeChatId, newName);\n }\n \n self.messageInput = '';\n \n self.$nextTick(() => {\n self.$refs.input.style.height = 'auto';\n self.scrollToBottom();\n // Don't call hydrateMonacoEditors here - let the debounced watcher handle it\n // Calling it synchronously during message updates can corrupt Alpine's DOM tracking\n });\n \n self.sendChatRequest();\n },\n \n async sendChatRequest() {\n this.isTyping = true;\n this.scrollToBottom();\n \n // Defensive check: ensure messages is always an array\n if (!Array.isArray(this.messages)) {\n console.warn('[sendChatRequest] messages is not an array, resetting to empty array');\n this.messages = [];\n }\n \n // Capture context for callbacks\n const self = this;\n \n try {\n // Get chat parameters from settings\n const chatParams = this.getChatParameters ? this.getChatParameters() : {};\n const systemPrompt = this.getSystemPrompt ? this.getSystemPrompt() : '';\n \n // Build messages array with optional system prompt\n const apiMessages = [];\n \n // Add system prompt if set\n if (systemPrompt && systemPrompt.trim()) {\n apiMessages.push({\n role: 'system',\n content: systemPrompt.trim()\n });\n }\n \n // Add conversation messages\n this.messages\n .filter(msg => msg.role === 'user' || msg.role === 'assistant')\n .forEach(msg => {\n apiMessages.push({\n role: msg.role,\n content: msg.content\n });\n });\n \n // Get model ID for metadata\n const modelId = this.selectedModel ? this.selectedModel.id : 'llama-3.3-70b-versatile';\n \n // Store message metadata for tracing (create BEFORE using it)\n const messageMeta = {\n model: modelId,\n temperature: chatParams.temperature,\n maxTokens: chatParams.maxTokens,\n parameters: { ...chatParams },\n timestamp: new Date().toISOString()\n };\n \n // Check streaming setting (default to true if not set)\n const useStreaming = this.settings?.useStreaming !== false;\n \n // Create assistant message placeholder with unique ID and metadata\n // Generate unique ID with role prefix to prevent ID collision with user messages\n const assistantMessageId = 'assistant-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n const assistantMessage = {\n id: assistantMessageId,\n role: 'assistant',\n content: '',\n timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' }),\n metadata: messageMeta,\n isLoading: !useStreaming // Show loading state for non-streaming\n };\n this.messages.push(assistantMessage);\n this.isTyping = false;\n \n let assistantContent = '';\n \n // Throttle UI updates to prevent overwhelming Alpine's reactivity\n // Update UI at most every 50ms during streaming\n let lastUpdateTime = 0;\n let pendingUpdate = null;\n const UPDATE_THROTTLE_MS = 50;\n \n function throttledUpdate() {\n var now = Date.now();\n if (now - lastUpdateTime >= UPDATE_THROTTLE_MS) {\n // Enough time has passed, update immediately\n lastUpdateTime = now;\n if (pendingUpdate) {\n clearTimeout(pendingUpdate);\n pendingUpdate = null;\n }\n // Actually update the message content\n if (!Array.isArray(self.messages)) {\n return;\n }\n var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1) {\n self.messages[msgIndex].content = assistantContent;\n }\n self.scrollToBottom();\n } else if (!pendingUpdate) {\n // Schedule an update for when throttle period ends\n pendingUpdate = setTimeout(function() {\n pendingUpdate = null;\n throttledUpdate();\n }, UPDATE_THROTTLE_MS - (now - lastUpdateTime));\n }\n }\n \n // Get provider from model's stored config, fallback to parsing model ID\n var modelConfig = null;\n if (this.providerSettings && this.providerSettings.models) {\n modelConfig = this.providerSettings.models.find(function(m) { return m.id === modelId; });\n }\n if (!modelConfig && this.models) {\n modelConfig = this.models.find(function(m) { return m.id === modelId; });\n }\n var provider = (modelConfig && modelConfig.provider) \n ? modelConfig.provider \n : (modelId.includes('/') ? modelId.split('/')[0] : 'groq');\n var apiKey = this.getApiKey ? this.getApiKey(provider) : '';\n \n // Get base URL for custom providers\n var baseUrl = null;\n if (this.providerSettings && this.providerSettings.providers && this.providerSettings.providers[provider]) {\n baseUrl = this.providerSettings.providers[provider].baseUrl;\n }\n \n console.log('[Chat] Model:', modelId, '| Provider:', provider, '| API Key:', apiKey ? '***set***' : '(empty)', '| Base URL:', baseUrl || '(default)');\n \n // Create orchestrator job to track this chat request\n var threadJob = null;\n if (this.createThreadJob) {\n threadJob = this.createThreadJob(this.activeChatId, 'chat', {\n messages: apiMessages,\n model: modelId,\n provider: provider\n }, {\n metadata: {\n assistantMessageId: assistantMessageId,\n messageCount: apiMessages.length\n }\n });\n \n // Check for blockers before sending\n var blocker = this.checkJobBlockers ? this.checkJobBlockers(threadJob.id) : null;\n if (blocker) {\n console.log('[Orchestrator] Job blocked:', blocker.type);\n if (this.updateJobStatus) {\n this.updateJobStatus(threadJob.id, 'blocked', { blocker: blocker });\n }\n \n // Show blocked error in UI\n if (Array.isArray(self.messages)) {\n var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1) {\n self.messages[msgIndex] = {\n id: assistantMessageId,\n role: 'error',\n content: blocker.message + '. Please add your API key in Settings → Models.',\n isError: true,\n isApiKeyError: blocker.type === 'api_key_missing',\n threadJobId: threadJob.id,\n timestamp: Date.now()\n };\n }\n }\n self.isTyping = false;\n self.saveToStorage();\n return;\n }\n \n // Mark job as running\n if (this.updateJobStatus) {\n this.updateJobStatus(threadJob.id, 'running');\n }\n }\n \n var job = await this.jobs.createJob('chat', {\n messages: apiMessages,\n model: modelId,\n provider: provider, // Send provider to backend\n temperature: chatParams.temperature,\n maxTokens: chatParams.maxTokens,\n topP: chatParams.topP,\n frequencyPenalty: chatParams.frequencyPenalty,\n presencePenalty: chatParams.presencePenalty,\n systemPrompt: chatParams.systemPrompt,\n reasoningEffort: chatParams.reasoningEffort,\n webSearch: chatParams.webSearch,\n codeExecution: chatParams.codeExecution,\n imageDetail: chatParams.imageDetail,\n modelVersion: chatParams.modelVersion,\n apiKey: apiKey, // Pass API key to backend\n baseUrl: baseUrl, // Pass base URL for custom providers\n stream: useStreaming // Pass streaming preference\n });\n \n // Store job ID for potential cancellation\n this.activeJobId = job.id;\n console.log('[Job created]:', job.id);\n \n // Link backend job to orchestrator job\n if (threadJob && this.updateJobStatus) {\n threadJob.metadata.backendJobId = job.id;\n this.updateJobStatus(threadJob.id, 'streaming');\n }\n \n // Subscribe to job stream with captured context\n this.jobs.streamJob(job.id, {\n onData: function(data) {\n // Handle streaming data chunks\n if (data.content) {\n assistantContent += data.content;\n // Use throttled update to prevent overwhelming Alpine\n throttledUpdate();\n \n // Update orchestrator progress\n if (threadJob && self.updateJobProgress) {\n self.updateJobProgress(threadJob.id, assistantContent.length, assistantContent);\n }\n }\n \n // Clear loading state on first data chunk (for non-streaming mode)\n if (!Array.isArray(self.messages)) return;\n const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1 && self.messages[msgIndex].isLoading) {\n self.messages[msgIndex].isLoading = false;\n }\n },\n onJob: function(jobData) {\n // Handle job status changes\n console.log('[Job status]:', jobData.status);\n \n if (jobData.status === 'completed') {\n // Clear any pending throttled update\n if (pendingUpdate) {\n clearTimeout(pendingUpdate);\n pendingUpdate = null;\n }\n \n // Update orchestrator job status\n if (threadJob && self.updateJobStatus) {\n self.updateJobStatus(threadJob.id, 'completed', { \n result: jobData.result \n });\n }\n \n // Final result available\n console.log('[Chat complete]:', jobData.result);\n \n // Parse the message to extract thinking/reasoning\n if (jobData.result) {\n var parsed = self.parseMessage(jobData.result);\n console.log('[Parsed message]:', parsed);\n console.log('[Has reasoning?]:', parsed.hasReasoning, '|', parsed.reasoning);\n console.log('[Has thinking?]:', parsed.hasThinking, '|', parsed.thinking);\n console.log('[Clean content]:', parsed.content);\n }\n \n // Make sure final content is set\n if (jobData.result && jobData.result.content) {\n // Defensive check: ensure messages array still exists\n if (!Array.isArray(self.messages)) {\n console.warn('[Stream onJob] messages array lost, cannot update final content');\n return;\n }\n const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1) {\n // Store the full result object (including reasoning, tools, etc)\n self.messages[msgIndex].content = jobData.result.content;\n self.messages[msgIndex].reasoning = jobData.result.reasoning;\n self.messages[msgIndex].tools = jobData.result.tools || jobData.result.executedTools || [];\n self.messages[msgIndex].isLoading = false; // Clear loading state\n \n console.log('[Message stored with reasoning]:', !!self.messages[msgIndex].reasoning);\n }\n }\n \n // Save to chat storage\n self.saveToStorage();\n self.scrollToBottom();\n } else if (jobData.status === 'error') {\n console.error('[Job error]:', jobData.error, jobData);\n \n // Extract error message from various possible locations\n var errorMsg = jobData.error || jobData.message || jobData.details || 'An error occurred. Please check your settings and try again.';\n \n // Normalize error message for better detection\n var errorMsgLower = String(errorMsg).toLowerCase();\n var isApiKeyError = errorMsgLower.includes('api') && \n (errorMsgLower.includes('key') || errorMsgLower.includes('configured') || \n errorMsgLower.includes('not set') || errorMsgLower.includes('missing') ||\n errorMsgLower.includes('401') || errorMsgLower.includes('403') ||\n errorMsgLower.includes('unauthorized') || errorMsgLower.includes('forbidden'));\n \n // Determine provider name for better error messages\n var providerName = 'provider';\n if (self.selectedModel && self.selectedModel.provider) {\n var providerMap = {\n 'groq': 'Groq',\n 'openai': 'OpenAI',\n 'anthropic': 'Anthropic',\n 'custom': 'Custom Provider'\n };\n providerName = providerMap[self.selectedModel.provider] || self.selectedModel.provider;\n }\n \n // Create user-friendly error message for display\n var displayMsg = errorMsg;\n if (isApiKeyError && !errorMsg.includes('Settings')) {\n displayMsg = providerName + ' API key is missing or invalid. Please add your API key in Settings → Models.';\n }\n \n // Replace the placeholder loading message with an error card\n if (Array.isArray(self.messages)) {\n var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1) {\n self.messages[msgIndex] = {\n id: assistantMessageId,\n role: 'error',\n content: displayMsg,\n isError: true,\n isApiKeyError: isApiKeyError,\n threadJobId: threadJob ? threadJob.id : null,\n timestamp: Date.now()\n };\n }\n }\n \n // Update orchestrator job status\n if (threadJob && self.updateJobStatus) {\n var blockerType = isApiKeyError ? 'api_key_missing' : 'provider_error';\n self.updateJobStatus(threadJob.id, isApiKeyError ? 'blocked' : 'error', { \n error: errorMsg,\n blocker: isApiKeyError ? {\n type: blockerType,\n message: displayMsg,\n provider: provider\n } : null\n });\n }\n \n // Save to chat storage\n self.saveToStorage();\n self.scrollToBottom();\n \n // Also log for debugging\n console.error('[Chat Error]', errorMsg);\n \n // Clear typing indicator\n self.isTyping = false;\n }\n },\n onError: function(error) {\n console.error('[Stream error]:', error);\n \n // Remove the placeholder message\n if (Array.isArray(self.messages)) {\n const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n if (msgIndex !== -1) {\n self.messages.splice(msgIndex, 1);\n }\n }\n \n // Show error toast\n if (window.toast) {\n window.toast('Stream Error', {\n description: error.message || 'An error occurred while streaming the response.',\n type: 'danger'\n });\n }\n }\n });\n \n } catch (error) {\n console.error('Chat error:', error);\n this.isTyping = false;\n \n // Check if it's an API key error\n const isApiKeyError = error.message && (\n error.message.includes('messageMeta') ||\n error.message.includes('API') ||\n error.message.includes('key') ||\n error.message.includes('401') ||\n error.message.includes('403')\n );\n \n // Show user-friendly error toast\n if (window.toast) {\n if (isApiKeyError || !this.getApiKey('groq')) {\n window.toast('API Key Required', {\n description: 'Please add your Groq API key in the settings to use this chat.',\n type: 'danger'\n });\n } else {\n window.toast('Error', {\n description: error.message || 'An unexpected error occurred. Please try again.',\n type: 'danger'\n });\n }\n }\n \n this.scrollToBottom();\n }\n },\n \n scrollToBottom() {\n if (!this.settings.autoScroll) {\n return;\n }\n const messagesContainer = document.getElementById('chat-messages');\n if (messagesContainer) {\n messagesContainer.scrollTop = messagesContainer.scrollHeight;\n }\n },\n \n // Toggle thinking/reasoning visibility for a message\n toggleThinking(messageId) {\n if (!this.thinkingVisible) {\n this.thinkingVisible = {};\n }\n this.thinkingVisible[messageId] = !this.thinkingVisible[messageId];\n },\n \n // Check if thinking is visible for a message\n isThinkingVisible(messageId) {\n return this.thinkingVisible && this.thinkingVisible[messageId];\n },\n \n handleKeydown(event) {\n if (event.key === 'Enter' && !event.shiftKey) {\n event.preventDefault();\n this.sendMessage();\n }\n },\n };\n}\n",[],[150,387,429],"0bbfc7fe-e2e9-11f0-a62a-42dde27851f2","jobs.js","0bbfc8c6-e2e9-11f0-a62a-42dde27851f2",28,["D",1766815100048],"// Jobs API Module - Frontend integration for async jobs\nexport function jobsModule() {\n return {\n // Active jobs tracking\n jobs: {},\n activeStreams: {},\n\n // Create a new job\n async createJob(type, input) {\n try {\n const response = await fetch('/api/jobs', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ type, input })\n });\n \n if (!response.ok) {\n throw new Error('Failed to create job: ' + response.statusText);\n }\n \n const job = await response.json();\n this.jobs[job.id] = job;\n \n console.log('[Jobs] Created job:', job.id, job.status);\n return job;\n } catch (error) {\n console.error('[Jobs] Error creating job:', error);\n throw error;\n }\n },\n\n // Get job status\n async getJob(jobId) {\n try {\n const response = await fetch('/api/jobs/' + jobId);\n \n if (!response.ok) {\n throw new Error('Job not found');\n }\n \n const job = await response.json();\n this.jobs[jobId] = job;\n return job;\n } catch (error) {\n console.error('[Jobs] Error fetching job:', error);\n throw error;\n }\n },\n\n // List all jobs\n async listJobs(status = null) {\n try {\n const url = status ? '/api/jobs?status=' + status : '/api/jobs';\n const response = await fetch(url);\n \n if (!response.ok) {\n throw new Error('Failed to list jobs');\n }\n \n const data = await response.json();\n return data.jobs || [];\n } catch (error) {\n console.error('[Jobs] Error listing jobs:', error);\n throw error;\n }\n },\n\n // Cancel a job\n async cancelJob(jobId) {\n try {\n const response = await fetch('/api/jobs/' + jobId + '/cancel', {\n method: 'POST'\n });\n \n if (!response.ok) {\n throw new Error('Failed to cancel job');\n }\n \n const job = await response.json();\n this.jobs[jobId] = job;\n console.log('[Jobs] Cancelled job:', jobId);\n return job;\n } catch (error) {\n console.error('[Jobs] Error cancelling job:', error);\n throw error;\n }\n },\n\n // Subscribe to job updates via SSE\n streamJob(jobId, handlers = {}) {\n // Check if already streaming\n if (this.activeStreams[jobId]) {\n console.warn('[Jobs] Already streaming job:', jobId);\n return this.activeStreams[jobId];\n }\n\n const eventSource = new EventSource('/api/jobs/' + jobId + '/stream');\n this.activeStreams[jobId] = eventSource;\n\n // Handle job status updates\n eventSource.addEventListener('job', (event) => {\n try {\n const data = JSON.parse(event.data);\n this.jobs[jobId] = { ...this.jobs[jobId], ...data };\n \n console.log('[Jobs] Job update:', jobId, data.status);\n \n if (handlers.onJob) {\n handlers.onJob(data);\n }\n\n // Auto-close stream when job completes\n if (data.status === 'completed' || data.status === 'error' || data.status === 'cancelled') {\n this.stopStreaming(jobId);\n }\n } catch (error) {\n console.error('[Jobs] Error parsing job event:', error);\n }\n });\n\n // Handle streaming data chunks\n eventSource.addEventListener('data', (event) => {\n try {\n const data = JSON.parse(event.data);\n \n if (handlers.onData) {\n handlers.onData(data);\n }\n } catch (error) {\n console.error('[Jobs] Error parsing data event:', error);\n }\n });\n\n // Handle ping (keep-alive)\n eventSource.addEventListener('ping', () => {\n // Keep connection alive\n });\n\n // Handle errors\n eventSource.onerror = (error) => {\n console.error('[Jobs] Stream error for job:', jobId, error);\n \n if (handlers.onError) {\n handlers.onError(error);\n }\n \n this.stopStreaming(jobId);\n };\n\n return eventSource;\n },\n\n // Stop streaming a job\n stopStreaming(jobId) {\n if (this.activeStreams[jobId]) {\n this.activeStreams[jobId].close();\n delete this.activeStreams[jobId];\n console.log('[Jobs] Stopped streaming job:', jobId);\n }\n },\n\n // Stop all active streams\n stopAllStreams() {\n Object.keys(this.activeStreams).forEach(jobId => {\n this.stopStreaming(jobId);\n });\n },\n\n // Helper: Create and stream a chat job\n async createAndStreamChatJob(messages, options = {}) {\n const job = await this.createJob('chat', {\n messages,\n model: options.model,\n provider: options.provider,\n temperature: options.temperature,\n maxTokens: options.maxTokens\n });\n\n // Immediately start streaming\n this.streamJob(job.id, options.handlers);\n\n return job;\n }\n };\n}\n\n",[],[150,387,437],"0bca693e-e2e9-11f0-b941-42dde27851f2","index.js","0bca6a1a-e2e9-11f0-b941-42dde27851f2",29,["D",1766815099829],"/**\n * Chat App - Main Entry Point\n * Combines all modules into a single Alpine.js component\n */\n\nimport { marked } from \"https://esm.sh/marked\";\nimport Alpine from \"https://esm.sh/alpinejs@3.12.3\";\n\nimport { createInitialState, MODELS } from \"./state.js\";\nimport { createStorageMethods } from \"./storage.js\";\nimport { createFolderMethods } from \"./folders.js\";\nimport { createChatMethods } from \"./chats.js\";\nimport { createEditingMethods } from \"./editing.js\";\nimport { createDragDropMethods } from \"./dragdrop.js\";\nimport { createModelMethods } from \"./models.js\";\nimport { createMessagingMethods } from \"./messaging.js\";\nimport { createSettingsMethods } from \"./settings.js\";\nimport { createChatSettingsMethods } from \"./chatSettings.js\";\nimport { createProviderSettingsMethods } from \"./providerSettings.js\";\nimport { createThreadsMixin, JobStatus, ThreadEvent, OrchestratorEvent, parseMessage, getDisplayContent, getThinking } from \"./threads.js\";\nimport { jobsModule } from \"./jobs.js\";\n\nfunction chatApp() {\n // Get initial state\n const state = createInitialState();\n \n // Get all method objects\n const storageMethods = createStorageMethods();\n const folderMethods = createFolderMethods();\n const chatMethods = createChatMethods();\n const editingMethods = createEditingMethods();\n const dragDropMethods = createDragDropMethods();\n const modelMethods = createModelMethods();\n const messagingMethods = createMessagingMethods(marked);\n const settingsMethods = createSettingsMethods();\n const chatSettingsMethods = createChatSettingsMethods();\n const providerSettingsMethods = createProviderSettingsMethods();\n const threadsMixin = createThreadsMixin();\n const jobs = jobsModule();\n \n // Return the combined component object\n // All methods use 'this' which Alpine will bind correctly\n return {\n // Spread all state properties\n ...state,\n \n // Spread all methods from modules\n ...storageMethods,\n ...folderMethods,\n ...chatMethods,\n ...editingMethods,\n ...dragDropMethods,\n ...modelMethods,\n ...messagingMethods,\n ...settingsMethods,\n ...chatSettingsMethods,\n ...providerSettingsMethods,\n ...threadsMixin,\n \n // Job/thread status constants for templates\n JobStatus,\n ThreadEvent,\n OrchestratorEvent, // Backwards compat\n \n // Message parsing utilities\n parseMessage,\n getDisplayContent,\n getThinking,\n \n // Jobs API\n jobs,\n \n // Computed property for filtered models\n get filteredModels() {\n if (this.modelSearch === '') return this.models;\n const search = this.modelSearch.toLowerCase();\n return this.models.filter(m => \n m.name.toLowerCase().includes(search) ||\n m.desc.toLowerCase().includes(search) ||\n m.id.toLowerCase().includes(search)\n );\n },\n \n // Computed property to check if we should show \"Generate Response\" button\n // Shows when user's message is last and there's no assistant response after it\n get shouldShowGenerateButton() {\n if (!Array.isArray(this.messages) || this.messages.length === 0) return false;\n const lastMessage = this.messages[this.messages.length - 1];\n return lastMessage && lastMessage.role === 'user' && !this.isTyping;\n },\n \n // =========================================================================\n // Initialization\n // =========================================================================\n \n async init() {\n console.log('Chatter initialized');\n \n // Set default model first (may be overridden by chat-specific model in loadFromStorage)\n if (this.models.length > 0) {\n this.selectedModel = this.models[0];\n }\n \n this.loadSettings();\n this.loadFromStorage(); // This will restore chat-specific model in $nextTick\n \n // Initialize the threads manager\n this.initThreads();\n \n // Load provider settings (API keys, base URLs, models)\n this.loadProviderSettings();\n \n // Load model configs from API\n this.loadModelConfigs();\n \n marked.setOptions({\n highlight: function(code, lang) { return code; },\n breaks: true\n });\n \n // Debounced save function to prevent excessive saves during streaming\n let saveTimeout = null;\n const debouncedSave = () => {\n if (saveTimeout) clearTimeout(saveTimeout);\n saveTimeout = setTimeout(() => {\n this.saveToStorage();\n }, 500); // Save 500ms after last change\n };\n \n // Debounced Monaco hydration - only run after content stops changing\n // This prevents excessive DOM manipulation during streaming\n let hydrateTimeout = null;\n const debouncedHydrate = () => {\n if (hydrateTimeout) clearTimeout(hydrateTimeout);\n hydrateTimeout = setTimeout(() => {\n this.hydrateMonacoEditors();\n }, 1000); // Wait 1 second after last change before hydrating\n };\n \n // Watch for storage changes\n this.$watch('folders', () => this.saveToStorage(), { deep: true });\n this.$watch('items', () => this.saveToStorage(), { deep: true });\n // Note: We don't watch 'chats' because saveToStorage() updates it,\n // which would create a circular dependency. Instead we save when messages change.\n \n this.$watch('messages', () => {\n // Defensive check: ensure messages is always an array\n if (!Array.isArray(this.messages)) {\n console.error('[Watch] CRITICAL: messages is not an array! Type:', typeof this.messages);\n console.error('[Watch] This should never happen - messages array reference was lost');\n }\n // Use debounced hydration to avoid excessive DOM manipulation during streaming\n this.$nextTick(() => debouncedHydrate());\n // Debounced save to prevent excessive saves during streaming\n debouncedSave();\n }, { deep: true });\n \n // Setup model picker watchers\n this.setupModelPickerWatchers();\n\n this.$nextTick(() => {\n this.scrollToBottom();\n if (this.$refs.input) {\n this.$refs.input.style.height = 'auto';\n }\n setTimeout(() => this.hydrateMonacoEditors(), 500);\n });\n },\n };\n}\n\n// Register with Alpine and start\nAlpine.data('chatApp', chatApp);\nAlpine.start();\n\n// Export for potential external use\nexport { chatApp, MODELS };\n",[],[150,387,445],"0b9e86ca-e2e9-11f0-b141-42dde27851f2","folders.js","0b9e8760-e2e9-11f0-b141-42dde27851f2",23,["D",1766815099862],"/**\n * Chat App Folders - Folder operations\n */\n\nexport function createFolderMethods() {\n return {\n createFolder(parentId = null) {\n const id = this.nextFolderId++;\n const order = this.getMaxOrder(this.folders.filter(f => f.parentId === parentId)) + 1;\n const folder = { id, name: 'New Folder', parentId, collapsed: false, order };\n this.folders.push(folder);\n this.$nextTick(() => this.startEditingFolder(id, folder.name));\n return folder;\n },\n \n deleteFolder(folderId) {\n const descendantIds = this.getAllDescendantFolderIds(folderId);\n const allFolderIds = [folderId, ...descendantIds];\n \n // Delete chats in these folders\n const chatsToDelete = this.items.filter(item => allFolderIds.includes(item.folderId));\n for (const chat of chatsToDelete) {\n delete this.chats[chat.id];\n }\n \n this.items = this.items.filter(item => !allFolderIds.includes(item.folderId));\n this.folders = this.folders.filter(f => !allFolderIds.includes(f.id));\n this.folderMenuOpen = null;\n },\n \n getAllDescendantFolderIds(folderId) {\n const children = this.folders.filter(f => f.parentId === folderId);\n let descendants = children.map(c => c.id);\n for (const child of children) {\n descendants = [...descendants, ...this.getAllDescendantFolderIds(child.id)];\n }\n return descendants;\n },\n \n toggleFolderCollapsed(folderId) {\n const folder = this.folders.find(f => f.id === folderId);\n if (folder) folder.collapsed = !folder.collapsed;\n },\n \n getFolderDepth(folderId) {\n let depth = 0;\n let folder = this.folders.find(f => f.id === folderId);\n while (folder && folder.parentId !== null) {\n depth++;\n folder = this.folders.find(f => f.id === folder.parentId);\n }\n return depth;\n },\n \n canNestIn(folderId) {\n return this.getFolderDepth(folderId) < 2;\n },\n \n getRootFolders() {\n return this.folders.filter(f => f.parentId === null).sort((a, b) => a.order - b.order);\n },\n \n getChildFolders(parentId) {\n return this.folders.filter(f => f.parentId === parentId).sort((a, b) => a.order - b.order);\n },\n \n getMaxOrder(items) {\n if (!items.length) return 0;\n return Math.max(...items.map(i => i.order || 0));\n },\n };\n}\n",[],[150,387,453],"0b98634e-e2e9-11f0-a5e5-42dde27851f2","editing.js","0b986402-e2e9-11f0-a5e5-42dde27851f2",22,["D",1766815099823],"/**\n * Chat App Editing - Inline editing for folders, items, and messages\n */\n\nexport function createEditingMethods() {\n return {\n // Folder editing\n startEditingFolder(folderId, currentName) {\n this.editingFolderId = folderId;\n this.editingFolderName = currentName || '';\n this.$nextTick(() => {\n const input = document.querySelector('[data-folder-edit=\"' + folderId + '\"]');\n if (input) { input.focus(); input.select(); }\n });\n },\n \n commitEditingFolder() {\n if (!this.editingFolderId) return;\n const folder = this.folders.find(f => f.id === this.editingFolderId);\n if (folder) folder.name = (this.editingFolderName || '').trim() || 'New Folder';\n this.cancelEditingFolder();\n },\n \n cancelEditingFolder() {\n this.editingFolderId = null;\n this.editingFolderName = '';\n },\n \n // Item editing\n startEditingItem(itemId, currentName) {\n this.editingItemId = itemId;\n this.editingItemName = currentName || '';\n this.$nextTick(() => {\n const input = document.querySelector('[data-item-edit=\"' + itemId + '\"]');\n if (input) { input.focus(); input.select(); }\n });\n },\n \n commitEditingItem() {\n if (!this.editingItemId) return;\n const item = this.items.find(i => i.id === this.editingItemId);\n if (item) item.name = (this.editingItemName || '').trim() || 'New Chat';\n this.cancelEditingItem();\n },\n \n cancelEditingItem() {\n this.editingItemId = null;\n this.editingItemName = '';\n },\n \n // Message editing\n startEditingMessage(messageId, content) {\n this.editingMessageId = messageId;\n this.editingMessageContent = content;\n \n // Focus the contenteditable element\n this.$nextTick(() => {\n const el = document.querySelector('[data-message-id=\"' + messageId + '\"]');\n if (el) {\n el.focus();\n // Move cursor to end\n const range = document.createRange();\n const sel = window.getSelection();\n range.selectNodeContents(el);\n range.collapse(false);\n sel.removeAllRanges();\n sel.addRange(range);\n }\n });\n },\n \n commitEditingMessage(event) {\n if (!this.editingMessageId) return;\n \n const msgIndex = this.messages.findIndex(m => m.id === this.editingMessageId);\n if (msgIndex !== -1 && event && event.target) {\n // Get text content - innerText preserves line breaks in

\n        const newContent = event.target.innerText;\n        if (newContent && newContent.trim()) {\n          this.messages[msgIndex].content = newContent;\n          this.saveToStorage();\n        }\n      }\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n    \n    cancelEditingMessage() {\n      // Restore original content by just clearing editing state\n      // Alpine will re-render with the original message.content\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n  };\n}\n",[],[150,387,461],"0b8a590c-e2e9-11f0-b941-42dde27851f2","dragdrop.js","0b8a59c0-e2e9-11f0-b941-42dde27851f2",21,["D",1766815099656],"/**\n * Chat App Drag & Drop - Folder and item drag/drop functionality\n */\n\nexport function createDragDropMethods() {\n  return {\n    onItemDragStart(e, itemId) {\n      try { if (e && e.dataTransfer) { e.dataTransfer.setData('text/plain', 'item:' + itemId); e.dataTransfer.effectAllowed = 'move'; } } catch (_) {}\n      this.draggingItemId = itemId;\n      this.draggingFolderId = null;\n      this.draggingType = 'item';\n    },\n    \n    onItemDragEnd() {\n      this.clearDragState();\n    },\n    \n    onFolderDragStart(e, folderId) {\n      try { if (e && e.dataTransfer) { e.dataTransfer.setData('text/plain', 'folder:' + folderId); e.dataTransfer.effectAllowed = 'move'; } } catch (_) {}\n      this.draggingFolderId = folderId;\n      this.draggingItemId = null;\n      this.draggingType = 'folder';\n    },\n    \n    onFolderDragEnd() {\n      this.clearDragState();\n    },\n    \n    clearDragState() {\n      this.draggingItemId = null;\n      this.draggingFolderId = null;\n      this.draggingType = null;\n      this.dropIndicator = null;\n      this.dragOverFolderId = null;\n      this.dragOverRoot = false;\n      this.dragOverFolderRoot = false;\n    },\n    \n    onItemDragOver(e, targetId, targetType, parentId) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (this.draggingItemId === targetId && targetType === 'item') return;\n      if (this.draggingFolderId === targetId && targetType === 'folder') return;\n      \n      if (this.draggingFolderId && targetType === 'folder') {\n        const descendants = this.getAllDescendantFolderIds(this.draggingFolderId);\n        if (descendants.includes(targetId)) return;\n      }\n      \n      const rect = e.currentTarget.getBoundingClientRect();\n      const y = e.clientY - rect.top;\n      const height = rect.height;\n      const threshold = 0.35;\n      \n      let position;\n      if (y < height * threshold) {\n        position = 'before';\n      } else if (y > height * (1 - threshold)) {\n        position = 'after';\n      } else if (targetType === 'folder') {\n        position = 'inside';\n        this.dragOverFolderId = targetId;\n      } else {\n        position = 'after';\n      }\n      \n      if (position !== 'inside') {\n        this.dragOverFolderId = null;\n      }\n      \n      this.dropIndicator = { targetId, position, type: targetType, parentId };\n    },\n    \n    onItemDragLeave(e) {\n      if (e.currentTarget.contains(e.relatedTarget)) return;\n      if (this.dropIndicator && this.dropIndicator.targetId === parseInt(e.currentTarget.dataset?.id)) {\n        this.dropIndicator = null;\n      }\n    },\n    \n    onReorderDrop(e, targetId, targetType, parentId) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (!this.dropIndicator) return;\n      \n      const { position } = this.dropIndicator;\n      const draggedItemId = this.draggingItemId;\n      const draggedFolderId = this.draggingFolderId;\n      \n      if (draggedItemId) {\n        if (position === 'inside' && targetType === 'folder') {\n          this.moveItemToFolder(draggedItemId, targetId);\n        } else {\n          this.reorderItem(draggedItemId, targetId, targetType, position, parentId);\n        }\n      } else if (draggedFolderId) {\n        if (position === 'inside' && targetType === 'folder') {\n          this.moveFolderToParent(draggedFolderId, targetId);\n        } else if (targetType === 'folder') {\n          this.reorderFolder(draggedFolderId, targetId, position, parentId);\n        }\n      }\n      \n      this.clearDragState();\n    },\n    \n    reorderItem(itemId, targetId, targetType, position, targetParentId) {\n      const item = this.items.find(i => i.id === itemId);\n      if (!item) return;\n      \n      let newFolderId;\n      if (targetType === 'folder') {\n        const targetFolder = this.folders.find(f => f.id === targetId);\n        newFolderId = targetFolder ? targetFolder.parentId : null;\n      } else {\n        const targetItem = this.items.find(i => i.id === targetId);\n        newFolderId = targetItem ? targetItem.folderId : targetParentId;\n      }\n      \n      item.folderId = newFolderId;\n      \n      const siblings = this.items\n        .filter(i => i.folderId === newFolderId && i.id !== itemId)\n        .sort((a, b) => a.order - b.order);\n      \n      let targetIndex = targetType === 'item' \n        ? siblings.findIndex(i => i.id === targetId)\n        : siblings.length - 1;\n      \n      if (position === 'before') {\n        siblings.splice(Math.max(0, targetIndex), 0, item);\n      } else {\n        siblings.splice(targetIndex + 1, 0, item);\n      }\n      \n      siblings.forEach((s, idx) => { s.order = idx + 1; });\n    },\n    \n    reorderFolder(folderId, targetFolderId, position, targetParentId) {\n      const folder = this.folders.find(f => f.id === folderId);\n      const targetFolder = this.folders.find(f => f.id === targetFolderId);\n      if (!folder || !targetFolder) return;\n      \n      const descendants = this.getAllDescendantFolderIds(folderId);\n      if (descendants.includes(targetFolderId)) return;\n      \n      const newParentId = targetFolder.parentId;\n      folder.parentId = newParentId;\n      \n      const siblings = this.folders\n        .filter(f => f.parentId === newParentId && f.id !== folderId)\n        .sort((a, b) => a.order - b.order);\n      \n      const targetIndex = siblings.findIndex(f => f.id === targetFolderId);\n      \n      if (position === 'before') {\n        siblings.splice(Math.max(0, targetIndex), 0, folder);\n      } else {\n        siblings.splice(targetIndex + 1, 0, folder);\n      }\n      \n      siblings.forEach((s, idx) => { s.order = idx + 1; });\n    },\n    \n    moveItemToFolder(itemId, folderId) {\n      const item = this.items.find(i => i.id === itemId);\n      if (!item) return;\n      item.folderId = folderId;\n      item.order = this.getMaxOrder(this.items.filter(i => i.folderId === folderId)) + 1;\n    },\n    \n    moveFolderToParent(folderId, parentId) {\n      const folder = this.folders.find(f => f.id === folderId);\n      if (!folder) return;\n      \n      if (parentId !== null) {\n        const descendants = this.getAllDescendantFolderIds(folderId);\n        if (descendants.includes(parentId) || folderId === parentId) return;\n      }\n      \n      folder.parentId = parentId;\n      folder.order = this.getMaxOrder(this.folders.filter(f => f.parentId === parentId)) + 1;\n    },\n    \n    onRootDragOver(e) {\n      e.preventDefault();\n      this.dragOverRoot = true;\n      this.dragOverFolderId = null;\n    },\n    \n    onRootDragLeave() {\n      this.dragOverRoot = false;\n    },\n    \n    onRootDrop(e) {\n      e.preventDefault();\n      \n      if (this.dropIndicator) {\n        this.onReorderDrop(e, this.dropIndicator.targetId, this.dropIndicator.type, this.dropIndicator.parentId);\n        return;\n      }\n      \n      if (this.draggingItemId) {\n        this.moveItemToFolder(this.draggingItemId, null);\n      } else if (this.draggingFolderId) {\n        this.moveFolderToParent(this.draggingFolderId, null);\n      }\n      this.clearDragState();\n    },\n    \n    onFolderRootDragOver(e) {\n      e.preventDefault();\n      if (this.draggingFolderId) {\n        const folder = this.folders.find(f => f.id === this.draggingFolderId);\n        if (folder && folder.parentId !== null) {\n          this.dragOverFolderRoot = true;\n        }\n      }\n      this.dropIndicator = null;\n    },\n    \n    onFolderRootDragLeave() {\n      this.dragOverFolderRoot = false;\n    },\n    \n    onFolderRootDrop(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (this.dropIndicator) {\n        this.onReorderDrop(e, this.dropIndicator.targetId, this.dropIndicator.type, this.dropIndicator.parentId);\n        return;\n      }\n      \n      if (this.draggingFolderId) {\n        this.moveFolderToParent(this.draggingFolderId, null);\n      }\n      \n      this.clearDragState();\n    },\n    \n    showDropBefore(id, type) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.type === type && \n             this.dropIndicator.position === 'before';\n    },\n    \n    showDropAfter(id, type) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.type === type && \n             this.dropIndicator.position === 'after';\n    },\n    \n    showDropInside(id) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.position === 'inside';\n    },\n  };\n}\n",[],[150,387,469],"0bf007e8-e2e9-11f0-bcd5-42dde27851f2","chats.js","0bf00888-e2e9-11f0-bcd5-42dde27851f2",34,["D",1766815100080],"/**\n * Chat App Chats - Chat/item operations\n * \n * Uses unified chat structure: chats[id] = { messages: [], metadata: {...} }\n */\n\nimport { createChatData, createChatMetadata } from './state.js';\n\nexport function createChatMethods() {\n  return {\n    createNewChat(folderId = null) {\n      const id = this.nextItemId++;\n      const order = this.getMaxOrder(this.items.filter(i => i.folderId === folderId)) + 1;\n      const item = { id, name: 'New Chat', folderId, order };\n      this.items.push(item);\n      \n      // Add welcome message if setting is enabled\n      const initialMessages = [];\n      if (this.settings?.showWelcomeMessage) {\n        initialMessages.push({\n          id: Date.now(),\n          role: 'assistant',\n          content: 'Hello! How can I help you today?',\n          timestamp: new Date().toISOString()\n        });\n      }\n      \n      // Create chat with unified structure (messages + metadata)\n      this.chats[id] = createChatData(initialMessages);\n      \n      this.selectChat(id);\n      return item;\n    },\n    \n    deleteChat(chatId) {\n      this.items = this.items.filter(i => i.id !== chatId);\n      delete this.chats[chatId];\n      if (this.activeChatId === chatId) {\n        this.activeChatId = null;\n        // Clear array without replacing reference\n        this.messages.length = 0;\n      }\n      this.itemMenuOpen = null;\n    },\n    \n    selectChat(chatId) {\n      // Cancel any active job stream before switching (job keeps running on server)\n      if (this.activeJobId && this.activeChatId !== chatId) {\n        console.log('[Switching chat] Stopping job stream:', this.activeJobId);\n        try {\n          if (this.jobs && this.jobs.stopStreaming) {\n            this.jobs.stopStreaming(this.activeJobId);\n          }\n        } catch (e) {\n          console.warn('[Switching chat] Error stopping stream:', e);\n        }\n        this.activeJobId = null;\n      }\n      \n      // Save current chat messages before switching (unified structure)\n      if (this.activeChatId && this.activeChatId !== chatId) {\n        if (!this.chats[this.activeChatId]) {\n          this.chats[this.activeChatId] = createChatData();\n        }\n        this.chats[this.activeChatId].messages = JSON.parse(JSON.stringify(this.messages));\n      }\n      \n      this.activeChatId = chatId;\n      \n      // Get messages from unified structure\n      const chatData = this.chats[chatId];\n      const rawMessages = chatData && chatData.messages ? chatData.messages : [];\n      const ensuredMessages = this.ensureMessageIds(JSON.parse(JSON.stringify(rawMessages)));\n      \n      // CRITICAL: Never replace the messages array reference\n      // Instead, mutate the existing array to maintain Alpine reactivity\n      this.messages.length = 0;\n      if (Array.isArray(ensuredMessages)) {\n        ensuredMessages.forEach(msg => this.messages.push(msg));\n      }\n      \n      this.showSettings = false; // Close settings when selecting a chat\n      \n      // Load chat-specific settings for right sidebar\n      if (this.loadCurrentChatSettings) {\n        this.loadCurrentChatSettings();\n      }\n      \n      // Restore chat-specific model if saved\n      this.restoreChatModel(chatId);\n      \n      this.saveToStorage();\n      \n      this.$nextTick(() => {\n        this.scrollToBottom();\n        if (this.$refs.input) {\n          this.$refs.input.focus();\n        }\n      });\n    },\n    \n    getCurrentChatName() {\n      const chat = this.items.find(i => i.id === this.activeChatId);\n      return chat ? chat.name : 'Chat';\n    },\n    \n    // Rename a chat by ID\n    renameChat(chatId, newName) {\n      const item = this.items.find(i => i.id === chatId);\n      if (item) {\n        item.name = newName;\n        this.saveToStorage();\n        console.log('[renameChat] Renamed chat', chatId, 'to:', newName);\n        return true;\n      }\n      return false;\n    },\n    \n    getItemsInFolder(folderId) {\n      // Access itemsVersion to create a reactive dependency\n      const _ = this.itemsVersion;\n      return this.items.filter(i => i.folderId === folderId).sort((a, b) => a.order - b.order);\n    },\n    \n    getRootItems() {\n      // Access itemsVersion to create a reactive dependency\n      const _ = this.itemsVersion;\n      return this.items.filter(i => i.folderId === null).sort((a, b) => a.order - b.order);\n    },\n    \n    // Restore the saved model for a specific chat from its unified metadata\n    restoreChatModel(chatId) {\n      if (!chatId || !this.chats[chatId]) {\n        return false;\n      }\n      \n      const metadata = this.chats[chatId].metadata;\n      if (!metadata || !metadata.defaultModel) {\n        return false;\n      }\n      \n      const savedModelId = metadata.defaultModel;\n      \n      // Find the model in the models list\n      const savedModel = this.models.find(m => m.id === savedModelId);\n      if (savedModel) {\n        this.selectedModel = savedModel;\n        console.log('[restoreChatModel] Restored model for chat', chatId, ':', savedModelId);\n        return true;\n      } else {\n        console.warn('[restoreChatModel] Saved model not found:', savedModelId);\n        return false;\n      }\n    },\n  };\n}\n",[],[150,387,477],"0bd515a0-e2e9-11f0-b39b-42dde27851f2","chatSettings.js","0bd5164a-e2e9-11f0-b39b-42dde27851f2",31,["D",1766815100212],"/**\n * Chat App Chat Settings - Right sidebar for chat-specific settings\n * Handles system prompt, model parameters, and per-message metadata\n * \n * Uses unified chat structure: chats[id] = { messages: [], metadata: {...} }\n */\n\nimport { createChatMetadata, createMessageMetadata, DEFAULT_MODEL_PARAMS, createChatData } from './state.js';\n\nexport function createChatSettingsMethods() {\n  return {\n    // Toggle right sidebar\n    toggleRightSidebar() {\n      this.rightSidebarOpen = !this.rightSidebarOpen;\n      // Close settings page when opening right sidebar\n      if (this.rightSidebarOpen) {\n        this.showSettings = false;\n      }\n      // Load current chat settings when opening\n      if (this.rightSidebarOpen && this.activeChatId) {\n        this.loadCurrentChatSettings();\n      }\n    },\n    \n    // Load settings for the current active chat (from unified structure)\n    loadCurrentChatSettings() {\n      if (!this.activeChatId) {\n        // Reset to defaults\n        this.currentChatSettings = {\n          systemPrompt: '',\n          temperature: DEFAULT_MODEL_PARAMS.temperature,\n          maxTokens: DEFAULT_MODEL_PARAMS.maxTokens,\n          topP: DEFAULT_MODEL_PARAMS.topP,\n          frequencyPenalty: DEFAULT_MODEL_PARAMS.frequencyPenalty,\n          presencePenalty: DEFAULT_MODEL_PARAMS.presencePenalty,\n          reasoningEffort: DEFAULT_MODEL_PARAMS.reasoningEffort,\n          webSearch: DEFAULT_MODEL_PARAMS.webSearch,\n          codeExecution: DEFAULT_MODEL_PARAMS.codeExecution,\n          imageDetail: DEFAULT_MODEL_PARAMS.imageDetail,\n          modelVersion: DEFAULT_MODEL_PARAMS.modelVersion\n        };\n        return;\n      }\n      \n      // Ensure chat exists with proper structure\n      if (!this.chats[this.activeChatId]) {\n        this.chats[this.activeChatId] = createChatData();\n      }\n      \n      // Ensure metadata exists\n      if (!this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata = createChatMetadata();\n      }\n      \n      const metadata = this.chats[this.activeChatId].metadata;\n      const params = metadata.parameters || {};\n      \n      this.currentChatSettings = {\n        systemPrompt: metadata.systemPrompt || '',\n        temperature: params.temperature ?? DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: params.maxTokens ?? DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: params.topP ?? DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: params.frequencyPenalty ?? DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: params.presencePenalty ?? DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: params.reasoningEffort ?? DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: params.webSearch ?? DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: params.codeExecution ?? DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: params.imageDetail ?? DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: params.modelVersion ?? DEFAULT_MODEL_PARAMS.modelVersion\n      };\n    },\n    \n    // Save current chat settings to metadata (unified structure)\n    saveChatSettings() {\n      if (!this.activeChatId) return;\n      \n      // Ensure chat exists with proper structure\n      if (!this.chats[this.activeChatId]) {\n        this.chats[this.activeChatId] = createChatData();\n      }\n      \n      // Ensure metadata exists\n      if (!this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata = createChatMetadata();\n      }\n      \n      const metadata = this.chats[this.activeChatId].metadata;\n      metadata.systemPrompt = this.currentChatSettings.systemPrompt;\n      metadata.parameters = {\n        temperature: this.currentChatSettings.temperature,\n        maxTokens: this.currentChatSettings.maxTokens,\n        topP: this.currentChatSettings.topP,\n        frequencyPenalty: this.currentChatSettings.frequencyPenalty,\n        presencePenalty: this.currentChatSettings.presencePenalty,\n        reasoningEffort: this.currentChatSettings.reasoningEffort,\n        webSearch: this.currentChatSettings.webSearch,\n        codeExecution: this.currentChatSettings.codeExecution,\n        imageDetail: this.currentChatSettings.imageDetail,\n        modelVersion: this.currentChatSettings.modelVersion\n      };\n      metadata.updatedAt = new Date().toISOString();\n      \n      this.saveToStorage();\n      console.log('[Chat Settings] Saved settings for chat:', this.activeChatId);\n    },\n    \n    // Update a single setting (debounced save)\n    updateChatSetting(key, value) {\n      this.currentChatSettings[key] = value;\n      \n      // Debounce the save\n      if (this._settingsSaveTimeout) {\n        clearTimeout(this._settingsSaveTimeout);\n      }\n      this._settingsSaveTimeout = setTimeout(() => {\n        this.saveChatSettings();\n      }, 500);\n    },\n    \n    // Get current chat's system prompt\n    getSystemPrompt() {\n      if (!this.activeChatId || !this.chats[this.activeChatId]) {\n        return '';\n      }\n      const metadata = this.chats[this.activeChatId].metadata;\n      return metadata ? (metadata.systemPrompt || '') : '';\n    },\n    \n    // Get current chat's model parameters\n    getChatParameters() {\n      if (!this.activeChatId || !this.currentChatSettings) {\n        return { ...DEFAULT_MODEL_PARAMS, systemPrompt: '' };\n      }\n      return {\n        systemPrompt: this.currentChatSettings.systemPrompt || '',\n        temperature: this.currentChatSettings.temperature ?? DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: this.currentChatSettings.maxTokens ?? DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: this.currentChatSettings.topP ?? DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: this.currentChatSettings.frequencyPenalty ?? DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: this.currentChatSettings.presencePenalty ?? DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: this.currentChatSettings.reasoningEffort ?? DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: this.currentChatSettings.webSearch ?? DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: this.currentChatSettings.codeExecution ?? DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: this.currentChatSettings.imageDetail ?? DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: this.currentChatSettings.modelVersion ?? DEFAULT_MODEL_PARAMS.modelVersion,\n      };\n    },\n    \n    // Get model config for the currently selected model\n    getCurrentModelConfig() {\n      if (!this.selectedModel || !this.modelConfigs.length) {\n        return null;\n      }\n      return this.modelConfigs.find(function(c) {\n        return c.id === this.selectedModel.id;\n      }.bind(this)) || null;\n    },\n    \n    // Create message metadata when sending a message\n    createMessageMeta() {\n      var modelId = this.selectedModel ? this.selectedModel.id : null;\n      var params = this.getChatParameters();\n      return createMessageMetadata(modelId, params);\n    },\n    \n    // Load model configs from API\n    async loadModelConfigs() {\n      try {\n        var response = await fetch('/api/models/configs');\n        if (response.ok) {\n          var data = await response.json();\n          this.modelConfigs = data.models || [];\n          console.log('[Model Configs] Loaded', this.modelConfigs.length, 'model configs');\n        }\n      } catch (error) {\n        console.error('[Model Configs] Failed to load:', error);\n      }\n    },\n    \n    // Reset current chat settings to defaults\n    resetChatSettings() {\n      this.currentChatSettings = {\n        systemPrompt: '',\n        temperature: DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: DEFAULT_MODEL_PARAMS.modelVersion\n      };\n      \n      // Also clear the saved model for this chat\n      if (this.activeChatId && this.chats[this.activeChatId] && this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata.defaultModel = null;\n      }\n      \n      this.saveChatSettings();\n    }\n  };\n}\n",[],[150,387,485],"0a3a7f8c-e2e9-11f0-9dc9-42dde27851f2",6,["D",1766815097530],[189,190,191,192,193,194,195,196,197,198,199,200,201,202],[150,387],["D",1766815096734],[188,203],[150],["D",1766815097047],[],[156],["D",1766815096882],[],[43],"0a85d126-e2e9-11f0-a5e5-42dde27851f2","routes","0a85d1bc-e2e9-11f0-a5e5-42dde27851f2",9,["D",1766815098015],[],[167,507],"0a6eb7f2-e2e9-11f0-b141-42dde27851f2","providers","0a6eb8a6-e2e9-11f0-b141-42dde27851f2",8,["D",1766815097871],[],[167,514],["D",1766815097206],[183,184],[167],["D",1766815045152],["D",1789530642963],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":85,"_31":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"ctx",{"_78":-5,"_122":561,"_562":312,"_563":564,"_565":24,"_566":24,"_567":24,"_568":145,"_569":-5,"_570":-7,"_571":-7,"_572":59,"_573":24,"_574":24,"_575":-5,"_576":24,"_577":24,"_578":24,"_579":-5},"ENV",{"_532":533,"_534":535,"_536":86,"_537":538,"_539":540,"_541":542,"_543":544,"_545":546,"_547":548,"_549":550,"_551":552,"_553":554,"_555":556,"_557":558,"_559":560},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v43