@bendyline/squisq-editor-react 2.1.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (415) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +40 -0
  3. package/dist/chunk-54UGTQBO.js +862 -0
  4. package/dist/chunk-5JMHFAVW.js +2408 -0
  5. package/dist/chunk-5Q4JN4I5.js +132 -0
  6. package/dist/chunk-6VDYKI3L.js +49 -0
  7. package/dist/chunk-GS7QWYFT.js +9 -0
  8. package/dist/chunk-MJJK7YQB.js +949 -0
  9. package/dist/chunk-NITZVAXL.js +986 -0
  10. package/dist/chunk-TRCKHRBS.js +35234 -0
  11. package/dist/chunk-V44VP242.js +3256 -0
  12. package/dist/image-editor/index.d.ts +223 -0
  13. package/dist/image-editor/index.js +15 -0
  14. package/dist/index.d.ts +2060 -4040
  15. package/dist/index.js +496 -40014
  16. package/dist/json-editor/index.d.ts +27 -0
  17. package/dist/json-editor/index.js +7 -0
  18. package/dist/monaco.d.ts +1 -1
  19. package/dist/monaco.js +1 -2
  20. package/dist/recorder/index.d.ts +407 -0
  21. package/dist/recorder/index.js +43 -0
  22. package/dist/shell/index.d.ts +9 -0
  23. package/dist/shell/index.js +22 -0
  24. package/dist/shell-BxSCBm4H.d.ts +1064 -0
  25. package/dist/styles/index.css +598 -161
  26. package/dist/teleprompter/index.d.ts +497 -0
  27. package/dist/teleprompter/index.js +57 -0
  28. package/package.json +34 -8
  29. package/dist/index.js.map +0 -1
  30. package/dist/monaco.js.map +0 -1
  31. package/src/BlockCardView.tsx +0 -121
  32. package/src/BlockPreviewPanel.tsx +0 -69
  33. package/src/BlockPropertiesPopover.tsx +0 -222
  34. package/src/DocumentSettingsDialog.tsx +0 -272
  35. package/src/DropZoneOverlay.tsx +0 -137
  36. package/src/EditorContext.tsx +0 -1274
  37. package/src/EditorShell.tsx +0 -1358
  38. package/src/EmojiPicker.tsx +0 -332
  39. package/src/FolderView.tsx +0 -131
  40. package/src/Icon.tsx +0 -26
  41. package/src/ImageEditor.tsx +0 -395
  42. package/src/ImageNodeView.tsx +0 -284
  43. package/src/ImageViewer.tsx +0 -221
  44. package/src/InlineIcon.ts +0 -84
  45. package/src/InlinePreviewGutter.tsx +0 -590
  46. package/src/LinkDialog.tsx +0 -276
  47. package/src/MediaBin.tsx +0 -500
  48. package/src/MentionExtension.tsx +0 -261
  49. package/src/OutlinePanel.tsx +0 -547
  50. package/src/PlainHtmlPreview.tsx +0 -277
  51. package/src/PreviewControls.tsx +0 -1265
  52. package/src/PreviewPanel.tsx +0 -426
  53. package/src/RawEditor.tsx +0 -743
  54. package/src/RecorderEntry.tsx +0 -162
  55. package/src/StatusBar.tsx +0 -51
  56. package/src/TemplateAnnotation.ts +0 -167
  57. package/src/TemplateContentPreview.tsx +0 -56
  58. package/src/TemplatePicker.tsx +0 -1314
  59. package/src/ThemeCustomizerPanel.tsx +0 -304
  60. package/src/ThemePicker.tsx +0 -433
  61. package/src/TimelineBlockPreview.tsx +0 -37
  62. package/src/TimelineTrack.tsx +0 -671
  63. package/src/Toolbar.tsx +0 -2885
  64. package/src/Tooltip.tsx +0 -142
  65. package/src/TransitionPicker.tsx +0 -390
  66. package/src/VersionHistoryPanel.tsx +0 -359
  67. package/src/ViewMenuPanel.tsx +0 -189
  68. package/src/ViewSwitcher.tsx +0 -56
  69. package/src/WysiwygEditor.tsx +0 -806
  70. package/src/__tests__/blockProperties.test.ts +0 -92
  71. package/src/__tests__/blockPropertiesPopoverTheme.test.tsx +0 -33
  72. package/src/__tests__/blockRange.test.ts +0 -105
  73. package/src/__tests__/blockTagActivity.test.ts +0 -183
  74. package/src/__tests__/buildDocumentPreviewMarkdown.test.ts +0 -75
  75. package/src/__tests__/buildPreviewDocContent.test.ts +0 -65
  76. package/src/__tests__/buildPreviewDocTransition.test.ts +0 -92
  77. package/src/__tests__/canvasSurfaceTextEditing.test.tsx +0 -60
  78. package/src/__tests__/codeContextSectionView.test.tsx +0 -97
  79. package/src/__tests__/codeContextZoneManager.test.ts +0 -127
  80. package/src/__tests__/createShapeLayer.test.ts +0 -46
  81. package/src/__tests__/customLayoutManagerTheme.test.tsx +0 -34
  82. package/src/__tests__/detectMarkdown.test.ts +0 -73
  83. package/src/__tests__/diffContextSections.test.ts +0 -39
  84. package/src/__tests__/documentSettingsDialog.test.tsx +0 -197
  85. package/src/__tests__/drawingShapeRoundTrip.test.ts +0 -49
  86. package/src/__tests__/editorScrollHandoff.test.tsx +0 -102
  87. package/src/__tests__/editorScrollSync.test.ts +0 -65
  88. package/src/__tests__/editorShellCodeContext.test.tsx +0 -86
  89. package/src/__tests__/editorShellProps.test.tsx +0 -550
  90. package/src/__tests__/embeddedMedia.test.ts +0 -48
  91. package/src/__tests__/emojiPicker.test.tsx +0 -93
  92. package/src/__tests__/fileKind.test.ts +0 -112
  93. package/src/__tests__/findMode.test.tsx +0 -104
  94. package/src/__tests__/findModel.test.ts +0 -55
  95. package/src/__tests__/headingTransition.test.ts +0 -176
  96. package/src/__tests__/imageEditAffordance.test.tsx +0 -272
  97. package/src/__tests__/imageEditModalContract.test.tsx +0 -119
  98. package/src/__tests__/imageEditorShell.test.tsx +0 -94
  99. package/src/__tests__/imageEditorState.test.ts +0 -171
  100. package/src/__tests__/inlinePreviewGutter.test.tsx +0 -62
  101. package/src/__tests__/inlinePreviewGutterAllBlocks.test.tsx +0 -103
  102. package/src/__tests__/jsonEditor.test.tsx +0 -223
  103. package/src/__tests__/layersPanel.test.tsx +0 -167
  104. package/src/__tests__/layoutChildRoundTrip.test.ts +0 -71
  105. package/src/__tests__/linkDialogDocPicker.test.tsx +0 -137
  106. package/src/__tests__/majorApiTypes.test.ts +0 -26
  107. package/src/__tests__/markdownCodeFence.test.ts +0 -45
  108. package/src/__tests__/mediaAttachmentFlow.test.ts +0 -110
  109. package/src/__tests__/mediaBinDrop.test.tsx +0 -90
  110. package/src/__tests__/mediaReferences.test.ts +0 -97
  111. package/src/__tests__/narrationSave.test.ts +0 -148
  112. package/src/__tests__/outlinePanel.test.tsx +0 -169
  113. package/src/__tests__/outlineSource.test.ts +0 -217
  114. package/src/__tests__/plainHtmlPreview.test.tsx +0 -125
  115. package/src/__tests__/presentationMode.test.tsx +0 -290
  116. package/src/__tests__/previewControls.test.tsx +0 -571
  117. package/src/__tests__/previewPanelAudioFailure.test.tsx +0 -46
  118. package/src/__tests__/previewPanelPresentation.test.tsx +0 -126
  119. package/src/__tests__/previewPanelTransforms.test.tsx +0 -117
  120. package/src/__tests__/propertiesPanel.test.tsx +0 -69
  121. package/src/__tests__/rawEditorModelIsolation.test.ts +0 -19
  122. package/src/__tests__/recorderFormats.test.ts +0 -146
  123. package/src/__tests__/recorderMediaInsert.test.ts +0 -86
  124. package/src/__tests__/recorderTheme.test.tsx +0 -42
  125. package/src/__tests__/recorderTimingJson.test.ts +0 -41
  126. package/src/__tests__/resolveBlockVisual.test.ts +0 -43
  127. package/src/__tests__/selectionConversions.test.ts +0 -80
  128. package/src/__tests__/statusBar.test.tsx +0 -27
  129. package/src/__tests__/teleprompter.test.tsx +0 -190
  130. package/src/__tests__/templateAnnotationRoundTrip.test.ts +0 -99
  131. package/src/__tests__/templateContentPreview.test.ts +0 -101
  132. package/src/__tests__/templatePickerMetadata.test.ts +0 -32
  133. package/src/__tests__/templatePickerPortal.test.tsx +0 -62
  134. package/src/__tests__/timelineSource.test.ts +0 -134
  135. package/src/__tests__/tiptapBridge.test.ts +0 -575
  136. package/src/__tests__/tiptapBridgeConformance.test.ts +0 -47
  137. package/src/__tests__/tiptapCodeBlockRoundTrip.test.ts +0 -109
  138. package/src/__tests__/tiptapImageRoundTrip.test.ts +0 -73
  139. package/src/__tests__/toolbarSelectionConversion.test.tsx +0 -190
  140. package/src/__tests__/tooltip.test.tsx +0 -72
  141. package/src/__tests__/transformStyleId.test.ts +0 -13
  142. package/src/__tests__/transitionCatalog.test.ts +0 -64
  143. package/src/__tests__/useBlockNavigator.test.tsx +0 -67
  144. package/src/__tests__/useImageEditor.test.tsx +0 -226
  145. package/src/__tests__/useJsonEditorTokens.test.ts +0 -59
  146. package/src/__tests__/useMediaRecorder.test.ts +0 -302
  147. package/src/__tests__/useTimelineClock.test.ts +0 -21
  148. package/src/__tests__/versionHistory.test.tsx +0 -197
  149. package/src/__tests__/viewMenuPanel.test.tsx +0 -130
  150. package/src/__tests__/writeCanvasSettings.test.ts +0 -15
  151. package/src/__tests__/wysiwygImageUpload.test.ts +0 -69
  152. package/src/__tests__/wysiwygTemplateBadgeFocus.test.tsx +0 -56
  153. package/src/asciiDiagram/AsciiDiagramExtension.ts +0 -343
  154. package/src/asciiDiagram/AsciiDiagramWidget.tsx +0 -254
  155. package/src/asciiDiagram/RepairableDiagramExtension.ts +0 -200
  156. package/src/asciiDiagram/__tests__/AsciiDiagramExtension.test.ts +0 -164
  157. package/src/asciiDiagram/__tests__/RepairableDiagramExtension.test.ts +0 -159
  158. package/src/asciiDiagram/__tests__/asciiDiagramCommands.test.ts +0 -284
  159. package/src/asciiDiagram/__tests__/asciiDiagramOps.test.ts +0 -114
  160. package/src/asciiDiagram/__tests__/asciiPaste.test.ts +0 -43
  161. package/src/asciiDiagram/asciiDiagramCommands.ts +0 -174
  162. package/src/asciiDiagram/asciiDiagramData.ts +0 -149
  163. package/src/asciiDiagram/asciiDiagramOps.ts +0 -238
  164. package/src/asciiDiagram/asciiPaste.ts +0 -19
  165. package/src/blockProperties.ts +0 -88
  166. package/src/blockRange.ts +0 -132
  167. package/src/blockSlice.ts +0 -75
  168. package/src/blockTagActivity.ts +0 -233
  169. package/src/buildDocumentPreviewMarkdown.ts +0 -168
  170. package/src/buildPreviewDoc.ts +0 -407
  171. package/src/codeContext/CodeContextSectionView.tsx +0 -124
  172. package/src/codeContext/CodeContextZoneManager.ts +0 -149
  173. package/src/codeContext/CodeContextZones.tsx +0 -121
  174. package/src/codeContext/diffContextSections.ts +0 -38
  175. package/src/codeContext/types.ts +0 -75
  176. package/src/codeSnippet/CodeSnippetExtension.ts +0 -205
  177. package/src/codeSnippet/CodeSnippetWidget.tsx +0 -109
  178. package/src/codeSnippet/__tests__/CodeSnippetExtension.test.ts +0 -95
  179. package/src/codeSnippet/__tests__/codeSnippetLanguages.test.ts +0 -50
  180. package/src/codeSnippet/codeSnippetCommands.ts +0 -21
  181. package/src/codeSnippet/codeSnippetData.ts +0 -43
  182. package/src/codeSnippet/codeSnippetLanguages.ts +0 -216
  183. package/src/customTemplates/AddBin.tsx +0 -126
  184. package/src/customTemplates/CustomLayoutManager.tsx +0 -234
  185. package/src/customTemplates/CustomTemplateContext.tsx +0 -188
  186. package/src/customTemplates/LayerToolbar.tsx +0 -580
  187. package/src/customTemplates/ShapeGlyph.tsx +0 -47
  188. package/src/customTemplates/TemplateDesigner.tsx +0 -433
  189. package/src/customTemplates/__tests__/library.test.ts +0 -96
  190. package/src/customTemplates/__tests__/normalizePositions.test.ts +0 -109
  191. package/src/customTemplates/__tests__/shapeDefs.test.ts +0 -49
  192. package/src/customTemplates/__tests__/useMemoryLayerAdapter.test.ts +0 -108
  193. package/src/customTemplates/designer.css +0 -732
  194. package/src/customTemplates/index.ts +0 -31
  195. package/src/customTemplates/library.ts +0 -110
  196. package/src/customTemplates/normalizePositions.ts +0 -75
  197. package/src/customTemplates/shapeDefs.ts +0 -131
  198. package/src/customTemplates/thumbnail.tsx +0 -63
  199. package/src/customTemplates/tokenDefs.ts +0 -60
  200. package/src/customTemplates/useDocCustomTemplates.ts +0 -52
  201. package/src/customTemplates/useMemoryLayerAdapter.ts +0 -129
  202. package/src/customThemes/CustomThemeContext.tsx +0 -185
  203. package/src/customThemes/CustomThemeDialog.tsx +0 -316
  204. package/src/customThemes/ImportThemeSection.tsx +0 -178
  205. package/src/customThemes/__tests__/CustomThemeContext.test.tsx +0 -64
  206. package/src/customThemes/__tests__/CustomThemeDialog.test.tsx +0 -47
  207. package/src/customThemes/__tests__/customThemeLibrary.test.ts +0 -60
  208. package/src/customThemes/__tests__/importThemeSection.test.tsx +0 -192
  209. package/src/customThemes/customThemeLibrary.ts +0 -100
  210. package/src/customThemes/index.ts +0 -37
  211. package/src/customThemes/themeControls.tsx +0 -229
  212. package/src/customThemes/themeDraft.ts +0 -288
  213. package/src/customThemes/useDocCustomThemes.ts +0 -49
  214. package/src/detectMarkdown.ts +0 -62
  215. package/src/diagram/DiagramCanvas.tsx +0 -260
  216. package/src/diagram/DiagramMaximizedOverlay.tsx +0 -46
  217. package/src/diagram/diagramCommands.ts +0 -604
  218. package/src/diagram/diagramConstants.ts +0 -17
  219. package/src/diagram/types.ts +0 -35
  220. package/src/editorScrollSync.ts +0 -73
  221. package/src/embeddedMedia.ts +0 -78
  222. package/src/emojiData.ts +0 -1317
  223. package/src/fileKind.ts +0 -158
  224. package/src/find/FindHighlightExtension.ts +0 -81
  225. package/src/find/FindToolbar.tsx +0 -314
  226. package/src/find/findModel.ts +0 -77
  227. package/src/frontmatter.ts +0 -29
  228. package/src/frontmatterSettings.ts +0 -23
  229. package/src/headingTransition.ts +0 -291
  230. package/src/hooks/useFileDrop.ts +0 -266
  231. package/src/imageEditor/CanvasSurface.tsx +0 -703
  232. package/src/imageEditor/ImageVersionHistoryDropdown.tsx +0 -396
  233. package/src/imageEditor/LayersPanel.tsx +0 -218
  234. package/src/imageEditor/PropertiesPanel.tsx +0 -474
  235. package/src/imageEditor/Toolbar.tsx +0 -459
  236. package/src/imageEditor/createShapeLayer.ts +0 -280
  237. package/src/imageEditor/icons.tsx +0 -68
  238. package/src/imageEditor/image-editor.css +0 -574
  239. package/src/imageEditor/layers/EditorImageLayer.tsx +0 -45
  240. package/src/imageEditor/layers/EditorShapeLayer.tsx +0 -62
  241. package/src/imageEditor/layers/EditorTextLayer.tsx +0 -45
  242. package/src/imageEditor/layers/SelectionHandles.tsx +0 -86
  243. package/src/imageEditor/state.ts +0 -173
  244. package/src/imageEditor/useImageEditor.ts +0 -385
  245. package/src/imageEditor/useImageEditorTokens.ts +0 -70
  246. package/src/index.ts +0 -559
  247. package/src/jsonEditor/EmbeddedRichTextField.tsx +0 -81
  248. package/src/jsonEditor/JsonEditor.tsx +0 -81
  249. package/src/jsonEditor/JsonEditorContext.tsx +0 -81
  250. package/src/jsonEditor/RenderNode.tsx +0 -87
  251. package/src/jsonEditor/editors.tsx +0 -745
  252. package/src/jsonEditor/index.ts +0 -2
  253. package/src/jsonEditor/json-editor.css +0 -463
  254. package/src/jsonEditor/useJsonEditorTokens.ts +0 -33
  255. package/src/markdownCodeFence.ts +0 -72
  256. package/src/mediaDragMime.ts +0 -32
  257. package/src/mediaEntries.ts +0 -12
  258. package/src/mediaReferences.ts +0 -301
  259. package/src/mermaid/MermaidDiagramCanvas.tsx +0 -693
  260. package/src/mermaid/MermaidDiagramExtension.ts +0 -243
  261. package/src/mermaid/MermaidDiagramTypeThumbnail.tsx +0 -184
  262. package/src/mermaid/MermaidDiagramWidget.tsx +0 -653
  263. package/src/mermaid/MermaidShapePalette.tsx +0 -245
  264. package/src/mermaid/__tests__/MermaidDiagramExtension.test.ts +0 -361
  265. package/src/mermaid/__tests__/mermaidDiagramTypes.test.ts +0 -35
  266. package/src/mermaid/__tests__/mermaidRenderer.test.ts +0 -49
  267. package/src/mermaid/__tests__/mermaidSourceOps.test.ts +0 -213
  268. package/src/mermaid/__tests__/mermaidSyntax.test.ts +0 -71
  269. package/src/mermaid/mermaidCommands.ts +0 -34
  270. package/src/mermaid/mermaidData.ts +0 -31
  271. package/src/mermaid/mermaidDiagramTypes.ts +0 -325
  272. package/src/mermaid/mermaidModel.ts +0 -31
  273. package/src/mermaid/mermaidRenderer.ts +0 -181
  274. package/src/mermaid/mermaidShapes.ts +0 -113
  275. package/src/mermaid/mermaidSourceOps.ts +0 -454
  276. package/src/monaco.ts +0 -35
  277. package/src/monacoWorkers.ts +0 -89
  278. package/src/outlineSource.ts +0 -171
  279. package/src/presentation/PresentationMode.tsx +0 -596
  280. package/src/rawEditorIsolation.ts +0 -18
  281. package/src/recorder/RecorderButton.tsx +0 -80
  282. package/src/recorder/RecorderModal.tsx +0 -706
  283. package/src/recorder/RecorderPanel.tsx +0 -77
  284. package/src/recorder/formats.ts +0 -159
  285. package/src/recorder/hooks/useMediaRecorder.ts +0 -436
  286. package/src/recorder/hooks/useStreamPreview.ts +0 -47
  287. package/src/recorder/insertMediaBlock.ts +0 -30
  288. package/src/recorder/sources/cameraStream.ts +0 -32
  289. package/src/recorder/sources/micStream.ts +0 -25
  290. package/src/recorder/sources/screenStream.ts +0 -162
  291. package/src/recorder/timingJson.ts +0 -66
  292. package/src/resolveBlockVisual.ts +0 -39
  293. package/src/scene/Scene.tsx +0 -647
  294. package/src/scene/SceneBlockExtension.ts +0 -205
  295. package/src/scene/SceneBlockToolbar.tsx +0 -216
  296. package/src/scene/SceneBlockWidget.tsx +0 -441
  297. package/src/scene/ScenePropsBar.tsx +0 -85
  298. package/src/scene/SceneSelection.tsx +0 -111
  299. package/src/scene/SceneSideToolbar.tsx +0 -89
  300. package/src/scene/SceneViewControls.tsx +0 -43
  301. package/src/scene/SceneViewport.tsx +0 -106
  302. package/src/scene/ShapePalette.tsx +0 -196
  303. package/src/scene/__tests__/DiagramAdapter.test.ts +0 -142
  304. package/src/scene/__tests__/SceneBlockExtension.test.ts +0 -33
  305. package/src/scene/__tests__/bezierEdit.test.ts +0 -85
  306. package/src/scene/__tests__/blockLayers.test.ts +0 -57
  307. package/src/scene/__tests__/fitScale.test.ts +0 -19
  308. package/src/scene/__tests__/sceneIsolation.test.tsx +0 -119
  309. package/src/scene/__tests__/shapeLayers.test.ts +0 -106
  310. package/src/scene/__tests__/useSceneHitTest.test.ts +0 -90
  311. package/src/scene/__tests__/useScenePanZoom.test.ts +0 -130
  312. package/src/scene/adapters/DiagramAdapter.ts +0 -79
  313. package/src/scene/adapters/DrawingAdapter.ts +0 -420
  314. package/src/scene/adapters/LayoutAdapter.ts +0 -313
  315. package/src/scene/adapters/blockLayers.ts +0 -159
  316. package/src/scene/commands/SceneCommand.ts +0 -84
  317. package/src/scene/commands/drawingCommands.ts +0 -318
  318. package/src/scene/commands/layoutCommands.ts +0 -301
  319. package/src/scene/fitScale.ts +0 -17
  320. package/src/scene/hooks/useSceneHitTest.ts +0 -105
  321. package/src/scene/hooks/useScenePanZoom.ts +0 -154
  322. package/src/scene/hooks/useSceneSelection.ts +0 -62
  323. package/src/scene/index.ts +0 -90
  324. package/src/scene/layers/DiagramEdges.tsx +0 -142
  325. package/src/scene/layers/edgeGeometry.ts +0 -104
  326. package/src/scene/layers/nodeCard.tsx +0 -164
  327. package/src/scene/layers/renderLayer.tsx +0 -70
  328. package/src/scene/layers/shapeLayers.ts +0 -201
  329. package/src/scene/paths/bezierEdit.ts +0 -208
  330. package/src/scene/scene.css +0 -874
  331. package/src/scene/text/SceneTextOverlay.tsx +0 -161
  332. package/src/scene/text/sceneTextChannel.ts +0 -46
  333. package/src/scene/text/sceneTextConfig.ts +0 -31
  334. package/src/scene/text/sceneTiptap.ts +0 -36
  335. package/src/scene/text/useSceneTextEditing.ts +0 -39
  336. package/src/scene/tools/ConnectTool.ts +0 -209
  337. package/src/scene/tools/DrawingConnectTool.ts +0 -231
  338. package/src/scene/tools/PathTool.ts +0 -158
  339. package/src/scene/tools/PlaceTool.ts +0 -47
  340. package/src/scene/tools/SceneTool.ts +0 -85
  341. package/src/scene/tools/SelectTool.ts +0 -300
  342. package/src/scene/tools/ShapeTool.ts +0 -143
  343. package/src/scene/tools/TextTool.ts +0 -72
  344. package/src/scene/tools/TokenTool.ts +0 -95
  345. package/src/scene/tools/createDrawShapeTool.ts +0 -82
  346. package/src/selectionConversions.ts +0 -155
  347. package/src/styles/ascii-diagram.css +0 -79
  348. package/src/styles/ascii-timeline.css +0 -596
  349. package/src/styles/code-context.css +0 -155
  350. package/src/styles/code-snippet.css +0 -76
  351. package/src/styles/diagram.css +0 -183
  352. package/src/styles/editor.css +0 -7131
  353. package/src/styles/folder-view.css +0 -210
  354. package/src/styles/image-edit-affordance.css +0 -201
  355. package/src/styles/index.css +0 -20
  356. package/src/styles/mermaid-diagram.css +0 -487
  357. package/src/styles/tree-view.css +0 -189
  358. package/src/teleprompter/TeleprompterControls.tsx +0 -218
  359. package/src/teleprompter/TeleprompterSelfView.tsx +0 -22
  360. package/src/teleprompter/TeleprompterSurface.tsx +0 -267
  361. package/src/teleprompter/TeleprompterView.tsx +0 -338
  362. package/src/teleprompter/canvasRenderer.ts +0 -161
  363. package/src/teleprompter/floatingWindow.ts +0 -352
  364. package/src/teleprompter/index.ts +0 -61
  365. package/src/teleprompter/pcmWorklet.ts +0 -62
  366. package/src/teleprompter/recording/insertPreamble.ts +0 -80
  367. package/src/teleprompter/recording/narrationSave.ts +0 -134
  368. package/src/teleprompter/recording/useNarrationRecorder.ts +0 -367
  369. package/src/teleprompter/scrollModel.ts +0 -85
  370. package/src/teleprompter/teleprompterTheme.ts +0 -303
  371. package/src/teleprompter/types.ts +0 -38
  372. package/src/teleprompter/useFloatingWindow.ts +0 -74
  373. package/src/teleprompter/useMicAnalysis.ts +0 -211
  374. package/src/teleprompter/useTeleprompter.ts +0 -421
  375. package/src/templateContentPreviewResolver.ts +0 -360
  376. package/src/timeline/TimelineEditorWidget.tsx +0 -861
  377. package/src/timeline/TimelineViewExtension.ts +0 -252
  378. package/src/timeline/__tests__/TimelineEditorWidget.test.tsx +0 -414
  379. package/src/timeline/__tests__/TimelineViewExtension.test.ts +0 -163
  380. package/src/timeline/__tests__/timelineCommands.test.ts +0 -359
  381. package/src/timeline/__tests__/timelineOps.test.ts +0 -277
  382. package/src/timeline/__tests__/timelinePaste.test.ts +0 -34
  383. package/src/timeline/timelineCommands.ts +0 -421
  384. package/src/timeline/timelineData.ts +0 -54
  385. package/src/timeline/timelineOps.ts +0 -381
  386. package/src/timeline/timelinePaste.ts +0 -8
  387. package/src/timelineSource.ts +0 -244
  388. package/src/tiptap/TiptapAudio.tsx +0 -86
  389. package/src/tiptap/TiptapVideo.tsx +0 -119
  390. package/src/tiptap/useResolvedMediaSrc.ts +0 -47
  391. package/src/tiptapBridge.ts +0 -986
  392. package/src/tooltipPlacement.ts +0 -13
  393. package/src/transformStyleId.ts +0 -17
  394. package/src/transitionCatalog.ts +0 -159
  395. package/src/treeview/TreeOutlineWidget.tsx +0 -390
  396. package/src/treeview/TreeViewExtension.ts +0 -250
  397. package/src/treeview/__tests__/TreeOutlineWidget.test.tsx +0 -156
  398. package/src/treeview/__tests__/TreeViewExtension.test.ts +0 -122
  399. package/src/treeview/__tests__/treeOps.test.ts +0 -177
  400. package/src/treeview/__tests__/treePaste.test.ts +0 -40
  401. package/src/treeview/__tests__/treeViewCommands.test.ts +0 -179
  402. package/src/treeview/treeOps.ts +0 -231
  403. package/src/treeview/treePaste.ts +0 -13
  404. package/src/treeview/treeViewCommands.ts +0 -99
  405. package/src/treeview/treeViewData.ts +0 -41
  406. package/src/types/monaco-shims.d.ts +0 -10
  407. package/src/useBlockNavigator.ts +0 -153
  408. package/src/useHeadingLayout.ts +0 -294
  409. package/src/useMonacoLoader.ts +0 -82
  410. package/src/useTimelineClock.ts +0 -76
  411. package/src/utils/collectInlineFontAwesomeCss.ts +0 -69
  412. package/src/utils/dropUtils.ts +0 -136
  413. package/src/utils/normalizeMalformedAssetUrl.ts +0 -22
  414. package/src/writeCanvasSettings.ts +0 -30
  415. package/src/wysiwygImageUpload.ts +0 -113
@@ -1,732 +0,0 @@
1
- /*
2
- * TemplateDesigner — full-viewport modal overlay with a Scene-backed
3
- * canvas in the middle, a token palette on the left, name/label inputs
4
- * at the top, and save/cancel actions at the bottom.
5
- */
6
-
7
- /* Both entry points are portaled to <body>, so they establish their own
8
- editor-shell theme scope. These tokens keep the light palette unchanged
9
- while giving every piece of designer chrome a dark-mode counterpart. */
10
- .squisq-template-designer-overlay,
11
- .squisq-layout-manager-overlay {
12
- color-scheme: light;
13
- --squisq-layout-panel: #ffffff;
14
- --squisq-layout-chrome: #f9fafb;
15
- --squisq-layout-subtle: #fafafa;
16
- --squisq-layout-workspace: #f3f4f6;
17
- --squisq-layout-input: #ffffff;
18
- --squisq-layout-border: #e5e7eb;
19
- --squisq-layout-border-strong: #d1d5db;
20
- --squisq-layout-text: #111827;
21
- --squisq-layout-text-soft: #1f2937;
22
- --squisq-layout-muted: #6b7280;
23
- --squisq-layout-faint: #9ca3af;
24
- --squisq-layout-hover: #f1f5f9;
25
- --squisq-layout-accent-text: #4338ca;
26
- --squisq-layout-accent-bg: #4f46e5;
27
- --squisq-layout-accent-bg-hover: #4338ca;
28
- --squisq-layout-accent-border: #6366f1;
29
- --squisq-layout-accent-soft: #eef2ff;
30
- --squisq-layout-accent-soft-hover: #e0e7ff;
31
- --squisq-layout-accent-soft-border: #c7d2fe;
32
- --squisq-layout-accent-hover-border: #a5b4fc;
33
- --squisq-layout-thumb: #f8fafc;
34
- }
35
-
36
- .squisq-template-designer-overlay[data-theme='dark'],
37
- .squisq-layout-manager-overlay[data-theme='dark'] {
38
- color-scheme: dark;
39
- --squisq-layout-panel: #111827;
40
- --squisq-layout-chrome: #1f2937;
41
- --squisq-layout-subtle: #18212f;
42
- --squisq-layout-workspace: #0f172a;
43
- --squisq-layout-input: #111827;
44
- --squisq-layout-border: #374151;
45
- --squisq-layout-border-strong: #4b5563;
46
- --squisq-layout-text: #f3f4f6;
47
- --squisq-layout-text-soft: #e5e7eb;
48
- --squisq-layout-muted: #9ca3af;
49
- --squisq-layout-faint: #6b7280;
50
- --squisq-layout-hover: #334155;
51
- --squisq-layout-accent-text: #c7d2fe;
52
- --squisq-layout-accent-bg: #4f46e5;
53
- --squisq-layout-accent-bg-hover: #6366f1;
54
- --squisq-layout-accent-border: #818cf8;
55
- --squisq-layout-accent-soft: #312e81;
56
- --squisq-layout-accent-soft-hover: #3730a3;
57
- --squisq-layout-accent-soft-border: #4f46e5;
58
- --squisq-layout-accent-hover-border: #6366f1;
59
- --squisq-layout-thumb: #0f172a;
60
- }
61
-
62
- .squisq-template-designer-overlay {
63
- position: fixed;
64
- inset: 0;
65
- z-index: 9999;
66
- background: rgba(15, 23, 42, 0.55);
67
- display: flex;
68
- align-items: center;
69
- justify-content: center;
70
- padding: 24px;
71
- }
72
-
73
- .squisq-template-designer-panel {
74
- display: flex;
75
- flex-direction: column;
76
- width: min(1200px, 100%);
77
- height: min(800px, 100%);
78
- color: var(--squisq-layout-text-soft);
79
- background: var(--squisq-layout-panel);
80
- border-radius: 12px;
81
- box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
82
- overflow: hidden;
83
- /* The designer is a direct-manipulation surface: dragging a layer on
84
- the canvas must not start a text selection that bleeds into the
85
- toolbar/labels (which the browser then paints as a translucent drag
86
- "ghost" of the selected text). Suppress selection on the chrome;
87
- re-enable it on the editable fields below. */
88
- user-select: none;
89
- -webkit-user-select: none;
90
- }
91
-
92
- .squisq-template-designer-panel input,
93
- .squisq-template-designer-panel textarea {
94
- user-select: text;
95
- -webkit-user-select: text;
96
- }
97
-
98
- /* Embedded variant — the designer rendered inside a host frame (the
99
- Custom Layout Manager's right pane) rather than as its own modal.
100
- Fills the container and drops the standalone modal's chrome. */
101
- .squisq-template-designer-panel--embedded {
102
- width: 100%;
103
- height: 100%;
104
- border-radius: 0;
105
- box-shadow: none;
106
- }
107
-
108
- .squisq-template-designer-header {
109
- display: flex;
110
- align-items: center;
111
- justify-content: space-between;
112
- padding: 14px 20px;
113
- border-bottom: 1px solid var(--squisq-layout-border);
114
- background: var(--squisq-layout-chrome);
115
- }
116
-
117
- .squisq-template-designer-title {
118
- margin: 0;
119
- font-size: 16px;
120
- font-weight: 600;
121
- color: var(--squisq-layout-text);
122
- }
123
-
124
- .squisq-template-designer-close {
125
- width: 32px;
126
- height: 32px;
127
- display: inline-flex;
128
- align-items: center;
129
- justify-content: center;
130
- font-size: 24px;
131
- line-height: 1;
132
- color: var(--squisq-layout-muted);
133
- background: transparent;
134
- border: 1px solid transparent;
135
- border-radius: 6px;
136
- cursor: pointer;
137
- }
138
-
139
- .squisq-template-designer-close:hover {
140
- color: var(--squisq-layout-text);
141
- background: var(--squisq-layout-hover);
142
- border-color: var(--squisq-layout-border-strong);
143
- }
144
-
145
- .squisq-template-designer-meta {
146
- display: grid;
147
- grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(240px, 2fr);
148
- gap: 12px;
149
- padding: 12px 20px;
150
- border-bottom: 1px solid var(--squisq-layout-border);
151
- background: var(--squisq-layout-panel);
152
- }
153
-
154
- .squisq-template-designer-field {
155
- display: flex;
156
- flex-direction: column;
157
- gap: 4px;
158
- }
159
-
160
- .squisq-template-designer-field span {
161
- font-size: 11px;
162
- font-weight: 600;
163
- text-transform: uppercase;
164
- letter-spacing: 0.04em;
165
- color: var(--squisq-layout-muted);
166
- }
167
-
168
- .squisq-template-designer-field input {
169
- padding: 6px 10px;
170
- font-size: 13px;
171
- color: var(--squisq-layout-text);
172
- background: var(--squisq-layout-input);
173
- border: 1px solid var(--squisq-layout-border-strong);
174
- border-radius: 6px;
175
- outline: none;
176
- }
177
-
178
- .squisq-template-designer-field input:focus {
179
- border-color: var(--squisq-layout-accent-border);
180
- box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
181
- }
182
-
183
- .squisq-template-designer-field span.squisq-template-designer-field-hint {
184
- font-size: 11px;
185
- font-weight: 400;
186
- text-transform: none;
187
- letter-spacing: normal;
188
- color: var(--squisq-layout-faint);
189
- }
190
-
191
- .squisq-template-designer-body {
192
- flex: 1;
193
- display: flex;
194
- min-height: 0;
195
- }
196
-
197
- .squisq-template-designer-palette {
198
- width: 220px;
199
- flex-shrink: 0;
200
- padding: 16px;
201
- border-right: 1px solid var(--squisq-layout-border);
202
- background: var(--squisq-layout-subtle);
203
- overflow-y: auto;
204
- }
205
-
206
- .squisq-template-designer-palette-title {
207
- margin: 0 0 4px;
208
- font-size: 12px;
209
- font-weight: 700;
210
- text-transform: uppercase;
211
- letter-spacing: 0.06em;
212
- color: var(--squisq-layout-accent-text);
213
- }
214
-
215
- .squisq-template-designer-palette-hint {
216
- margin: 0 0 12px;
217
- font-size: 11px;
218
- color: var(--squisq-layout-muted);
219
- line-height: 1.4;
220
- }
221
-
222
- .squisq-template-designer-palette-list {
223
- display: flex;
224
- flex-direction: column;
225
- gap: 6px;
226
- }
227
-
228
- /* ─── Add bin: sections ──────────────────────────────────── */
229
-
230
- .squisq-template-designer-palette-section {
231
- margin-top: 14px;
232
- }
233
-
234
- .squisq-template-designer-palette-section:first-of-type {
235
- margin-top: 0;
236
- }
237
-
238
- .squisq-template-designer-palette-section-title {
239
- margin-bottom: 6px;
240
- font-size: 11px;
241
- font-weight: 700;
242
- text-transform: uppercase;
243
- letter-spacing: 0.06em;
244
- color: var(--squisq-layout-muted);
245
- }
246
-
247
- /* Shapes are compact icon tiles in a grid. */
248
- .squisq-template-designer-palette-shapes {
249
- display: grid;
250
- grid-template-columns: repeat(4, 1fr);
251
- gap: 6px;
252
- }
253
-
254
- .squisq-template-designer-shape-item {
255
- display: inline-flex;
256
- align-items: center;
257
- justify-content: center;
258
- aspect-ratio: 1 / 1;
259
- padding: 4px;
260
- background: var(--squisq-layout-input);
261
- border: 1px solid var(--squisq-layout-border);
262
- border-radius: 6px;
263
- cursor: grab;
264
- color: var(--squisq-layout-muted);
265
- transition:
266
- background 0.1s,
267
- border-color 0.1s;
268
- }
269
-
270
- .squisq-template-designer-shape-item:active {
271
- cursor: grabbing;
272
- }
273
-
274
- .squisq-template-designer-shape-item:hover {
275
- background: var(--squisq-layout-accent-soft);
276
- border-color: var(--squisq-layout-accent-soft-border);
277
- }
278
-
279
- .squisq-template-designer-shape-item--active {
280
- background: var(--squisq-layout-accent-soft);
281
- border-color: var(--squisq-layout-accent-border);
282
- }
283
-
284
- .squisq-template-designer-palette-media-add {
285
- width: 100%;
286
- margin-top: 4px;
287
- padding: 8px 10px;
288
- font-size: 12px;
289
- font-weight: 600;
290
- color: var(--squisq-layout-accent-text);
291
- background: var(--squisq-layout-accent-soft);
292
- border: 1px dashed var(--squisq-layout-accent-soft-border);
293
- border-radius: 6px;
294
- cursor: pointer;
295
- }
296
-
297
- .squisq-template-designer-palette-media-add:hover:not(:disabled) {
298
- background: var(--squisq-layout-accent-soft-hover);
299
- border-color: var(--squisq-layout-accent-hover-border);
300
- }
301
-
302
- .squisq-template-designer-palette-media-add:disabled {
303
- color: var(--squisq-layout-faint);
304
- background: var(--squisq-layout-workspace);
305
- border-color: var(--squisq-layout-border);
306
- cursor: not-allowed;
307
- }
308
-
309
- .squisq-template-designer-palette-item {
310
- display: flex;
311
- flex-direction: column;
312
- align-items: flex-start;
313
- gap: 2px;
314
- padding: 8px 10px;
315
- color: var(--squisq-layout-text-soft);
316
- background: var(--squisq-layout-input);
317
- border: 1px solid var(--squisq-layout-border);
318
- border-radius: 6px;
319
- /* Draggable onto the canvas — `grab` hints the drag affordance. */
320
- cursor: grab;
321
- text-align: left;
322
- transition:
323
- background 0.1s,
324
- border-color 0.1s;
325
- }
326
-
327
- .squisq-template-designer-palette-item:active {
328
- cursor: grabbing;
329
- }
330
-
331
- .squisq-template-designer-palette-item:hover {
332
- background: var(--squisq-layout-accent-soft);
333
- border-color: var(--squisq-layout-accent-soft-border);
334
- }
335
-
336
- .squisq-template-designer-palette-item--active {
337
- background: var(--squisq-layout-accent-soft);
338
- border-color: var(--squisq-layout-accent-border);
339
- }
340
-
341
- .squisq-template-designer-palette-item-preview {
342
- font-family: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;
343
- font-size: 12px;
344
- color: var(--squisq-layout-accent-text);
345
- }
346
-
347
- .squisq-template-designer-palette-item-label {
348
- font-size: 11px;
349
- color: var(--squisq-layout-muted);
350
- }
351
-
352
- .squisq-template-designer-stage {
353
- flex: 1;
354
- display: flex;
355
- flex-direction: column;
356
- min-width: 0;
357
- padding: 12px;
358
- gap: 8px;
359
- background: var(--squisq-layout-workspace);
360
- }
361
-
362
- /* Unified controls bar above the canvas: the compact aspect-ratio
363
- dropdown sits inline with the contextual layer styling controls, so
364
- the two share one row instead of stacking and eating vertical space. */
365
- .squisq-template-designer-stage-bar {
366
- display: flex;
367
- /* Single row for vertical efficiency. If the controls outgrow the
368
- width (narrow panels, the text layer's full control set), the bar
369
- scrolls horizontally rather than wrapping to a second line. */
370
- flex-wrap: nowrap;
371
- align-items: center;
372
- gap: 5px;
373
- padding: 6px 8px;
374
- background: var(--squisq-layout-panel);
375
- border: 1px solid var(--squisq-layout-border);
376
- border-radius: 6px;
377
- align-self: stretch;
378
- overflow-x: auto;
379
- scrollbar-width: thin;
380
- }
381
-
382
- .squisq-template-designer-viewport-label {
383
- font-size: 11px;
384
- font-weight: 600;
385
- text-transform: uppercase;
386
- letter-spacing: 0.04em;
387
- color: var(--squisq-layout-muted);
388
- }
389
-
390
- /* ─── Contextual layer styling controls ─────────────────── */
391
- /* Transparent group — the surrounding stage-bar provides the box, so the
392
- layer controls flow inline with the aspect-ratio dropdown on one row.
393
- `flex-shrink: 0` keeps each control its natural size; the stage-bar
394
- scrolls instead of squashing them. */
395
- .squisq-layer-toolbar {
396
- display: flex;
397
- flex-wrap: nowrap;
398
- align-items: center;
399
- gap: 5px;
400
- }
401
-
402
- .squisq-template-designer-stage-bar > *,
403
- .squisq-layer-toolbar > * {
404
- flex-shrink: 0;
405
- }
406
-
407
- /* The font-family select is the widest control; cap it so it doesn't
408
- crowd the rest off the row. */
409
- .squisq-layer-toolbar-select--font {
410
- max-width: 104px;
411
- }
412
-
413
- .squisq-layer-toolbar-seg {
414
- display: inline-flex;
415
- gap: 2px;
416
- }
417
-
418
- .squisq-layer-toolbar-btn {
419
- display: inline-flex;
420
- align-items: center;
421
- justify-content: center;
422
- width: 28px;
423
- height: 28px;
424
- font-size: 13px;
425
- color: var(--squisq-layout-text-soft);
426
- background: transparent;
427
- border: 1px solid transparent;
428
- border-radius: 4px;
429
- cursor: pointer;
430
- }
431
-
432
- .squisq-layer-toolbar-btn:hover {
433
- background: var(--squisq-layout-hover);
434
- }
435
-
436
- .squisq-layer-toolbar-btn--active {
437
- background: var(--squisq-layout-accent-soft);
438
- border-color: var(--squisq-layout-accent-border);
439
- color: var(--squisq-layout-accent-text);
440
- }
441
-
442
- .squisq-layer-toolbar-select {
443
- height: 28px;
444
- padding: 0 6px;
445
- font-size: 12px;
446
- color: var(--squisq-layout-text-soft);
447
- background: var(--squisq-layout-input);
448
- border: 1px solid var(--squisq-layout-border-strong);
449
- border-radius: 4px;
450
- cursor: pointer;
451
- }
452
-
453
- .squisq-layer-toolbar-number {
454
- width: 48px;
455
- height: 28px;
456
- padding: 0 4px 0 6px;
457
- font-size: 12px;
458
- color: var(--squisq-layout-text-soft);
459
- background: var(--squisq-layout-input);
460
- border: 1px solid var(--squisq-layout-border-strong);
461
- border-radius: 4px;
462
- }
463
-
464
- .squisq-layer-toolbar-opacity {
465
- display: inline-flex;
466
- align-items: center;
467
- }
468
-
469
- .squisq-layer-toolbar-opacity input[type='range'] {
470
- width: 64px;
471
- cursor: pointer;
472
- }
473
-
474
- .squisq-layer-toolbar-label {
475
- display: inline-flex;
476
- align-items: center;
477
- color: var(--squisq-layout-muted);
478
- font-size: 13px;
479
- }
480
-
481
- .squisq-layer-toolbar-color {
482
- display: inline-flex;
483
- align-items: center;
484
- gap: 2px;
485
- }
486
-
487
- .squisq-layer-toolbar-color input[type='color'] {
488
- width: 28px;
489
- height: 28px;
490
- padding: 0;
491
- border: 1px solid var(--squisq-layout-border-strong);
492
- border-radius: 4px;
493
- background: var(--squisq-layout-input);
494
- cursor: pointer;
495
- }
496
-
497
- .squisq-layer-toolbar-sep {
498
- width: 1px;
499
- align-self: stretch;
500
- margin: 2px 2px;
501
- background: var(--squisq-layout-border);
502
- }
503
-
504
- .squisq-template-designer-scene {
505
- flex: 1;
506
- min-height: 0;
507
- background: var(--squisq-layout-panel);
508
- border: 1px solid var(--squisq-layout-border);
509
- border-radius: 8px;
510
- overflow: hidden;
511
- }
512
-
513
- .squisq-template-designer-footer {
514
- display: flex;
515
- align-items: center;
516
- justify-content: space-between;
517
- padding: 12px 20px;
518
- border-top: 1px solid var(--squisq-layout-border);
519
- background: var(--squisq-layout-chrome);
520
- gap: 12px;
521
- }
522
-
523
- .squisq-template-designer-footer-hint {
524
- font-size: 11px;
525
- color: var(--squisq-layout-muted);
526
- flex: 1;
527
- min-width: 0;
528
- }
529
-
530
- .squisq-template-designer-footer-actions {
531
- display: flex;
532
- gap: 8px;
533
- }
534
-
535
- .squisq-template-designer-btn {
536
- padding: 6px 14px;
537
- font-size: 13px;
538
- font-weight: 500;
539
- color: var(--squisq-layout-text-soft);
540
- background: var(--squisq-layout-input);
541
- border: 1px solid var(--squisq-layout-border-strong);
542
- border-radius: 6px;
543
- cursor: pointer;
544
- transition: background 0.1s;
545
- }
546
-
547
- .squisq-template-designer-btn:hover {
548
- background: var(--squisq-layout-hover);
549
- }
550
-
551
- .squisq-template-designer-btn--primary {
552
- color: #ffffff;
553
- background: var(--squisq-layout-accent-bg);
554
- border-color: var(--squisq-layout-accent-bg-hover);
555
- }
556
-
557
- .squisq-template-designer-btn--primary:hover {
558
- background: var(--squisq-layout-accent-bg-hover);
559
- }
560
-
561
- /* ─── Custom Layout Manager ────────────────────────────────
562
- Near-full-window modal: a sidebar list of layouts on the left and an
563
- embedded TemplateDesigner on the right. */
564
-
565
- .squisq-layout-manager-overlay {
566
- position: fixed;
567
- inset: 0;
568
- z-index: 9999;
569
- background: rgba(15, 23, 42, 0.55);
570
- display: flex;
571
- align-items: center;
572
- justify-content: center;
573
- padding: 16px;
574
- }
575
-
576
- .squisq-layout-manager-panel {
577
- display: flex;
578
- flex-direction: column;
579
- width: min(1600px, 96vw);
580
- height: 92vh;
581
- color: var(--squisq-layout-text-soft);
582
- background: var(--squisq-layout-panel);
583
- border-radius: 12px;
584
- box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
585
- overflow: hidden;
586
- }
587
-
588
- .squisq-layout-manager-header {
589
- display: flex;
590
- align-items: center;
591
- justify-content: space-between;
592
- padding: 14px 20px;
593
- border-bottom: 1px solid var(--squisq-layout-border);
594
- background: var(--squisq-layout-chrome);
595
- }
596
-
597
- .squisq-layout-manager-title {
598
- margin: 0;
599
- font-size: 16px;
600
- font-weight: 600;
601
- color: var(--squisq-layout-text);
602
- }
603
-
604
- .squisq-layout-manager-body {
605
- flex: 1;
606
- display: flex;
607
- min-height: 0;
608
- }
609
-
610
- .squisq-layout-manager-sidebar {
611
- width: 280px;
612
- flex-shrink: 0;
613
- display: flex;
614
- flex-direction: column;
615
- gap: 8px;
616
- padding: 16px;
617
- border-right: 1px solid var(--squisq-layout-border);
618
- background: var(--squisq-layout-subtle);
619
- overflow-y: auto;
620
- }
621
-
622
- .squisq-layout-manager-new {
623
- padding: 10px 12px;
624
- font-size: 13px;
625
- font-weight: 600;
626
- color: var(--squisq-layout-accent-text);
627
- background: var(--squisq-layout-accent-soft);
628
- border: 1px dashed var(--squisq-layout-accent-soft-border);
629
- border-radius: 8px;
630
- cursor: pointer;
631
- text-align: center;
632
- }
633
-
634
- .squisq-layout-manager-new:hover {
635
- background: var(--squisq-layout-accent-soft-hover);
636
- border-color: var(--squisq-layout-accent-hover-border);
637
- }
638
-
639
- .squisq-layout-manager-new--active {
640
- border-style: solid;
641
- border-color: var(--squisq-layout-accent-border);
642
- }
643
-
644
- .squisq-layout-manager-section-title {
645
- margin-top: 6px;
646
- font-size: 11px;
647
- font-weight: 700;
648
- text-transform: uppercase;
649
- letter-spacing: 0.06em;
650
- color: var(--squisq-layout-muted);
651
- }
652
-
653
- .squisq-layout-manager-list {
654
- display: flex;
655
- flex-direction: column;
656
- gap: 6px;
657
- }
658
-
659
- .squisq-layout-manager-item {
660
- display: flex;
661
- align-items: center;
662
- gap: 10px;
663
- padding: 8px;
664
- color: var(--squisq-layout-text-soft);
665
- background: var(--squisq-layout-input);
666
- border: 1px solid var(--squisq-layout-border);
667
- border-radius: 8px;
668
- cursor: pointer;
669
- text-align: left;
670
- transition:
671
- background 0.1s,
672
- border-color 0.1s;
673
- }
674
-
675
- .squisq-layout-manager-item:hover {
676
- background: var(--squisq-layout-accent-soft);
677
- border-color: var(--squisq-layout-accent-soft-border);
678
- }
679
-
680
- .squisq-layout-manager-item--active {
681
- background: var(--squisq-layout-accent-soft);
682
- border-color: var(--squisq-layout-accent-border);
683
- }
684
-
685
- .squisq-layout-manager-item-thumb {
686
- flex-shrink: 0;
687
- display: inline-flex;
688
- width: 56px;
689
- height: 40px;
690
- border: 1px solid var(--squisq-layout-border);
691
- border-radius: 4px;
692
- overflow: hidden;
693
- background: var(--squisq-layout-thumb);
694
- }
695
-
696
- .squisq-layout-manager-item-text {
697
- display: flex;
698
- flex-direction: column;
699
- gap: 2px;
700
- min-width: 0;
701
- }
702
-
703
- .squisq-layout-manager-item-label {
704
- font-size: 13px;
705
- font-weight: 600;
706
- color: var(--squisq-layout-text);
707
- white-space: nowrap;
708
- overflow: hidden;
709
- text-overflow: ellipsis;
710
- }
711
-
712
- .squisq-layout-manager-item-name {
713
- font-family: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;
714
- font-size: 11px;
715
- color: var(--squisq-layout-muted);
716
- white-space: nowrap;
717
- overflow: hidden;
718
- text-overflow: ellipsis;
719
- }
720
-
721
- .squisq-layout-manager-empty-hint {
722
- margin: 8px 2px;
723
- font-size: 12px;
724
- line-height: 1.5;
725
- color: var(--squisq-layout-muted);
726
- }
727
-
728
- .squisq-layout-manager-main {
729
- flex: 1;
730
- min-width: 0;
731
- display: flex;
732
- }