forgecad 0.6.3 → 0.7.0

package/dist/assets/{index-2hfs_ub0.css → index-CyVd1D4D.css}

@@ -102,6 +102,26 @@ button:disabled {
 .fc-btn:active {
   background: var(--fc-bgActive);
 }
+/* Card-style button: stacked title + description, full-width */
+.fc-btn.fc-btn-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  white-space: normal;
+  width: 100%;
+  text-align: left;
+  padding: 8px 12px;
+  gap: 2px;
+}
+.fc-btn-card .fc-btn-card-title {
+  font-weight: 600;
+  line-height: 1.3;
+}
+.fc-btn-card .fc-btn-card-desc {
+  font-size: 11px;
+  color: var(--fc-textDim);
+  line-height: 1.3;
+}
 .fc-btn.active {
   background: var(--fc-accent);
   color: var(--fc-accentText);
@@ -191,15 +211,15 @@ button:disabled {
 /* File button in center — acts as both filename display and command palette trigger */
 .fc-toolbar-file {
   max-width: 340px;
-  padding: 5px 12px !important;
-  border-radius: 8px !important;
-  gap: 8px !important;
-  background: var(--fc-bg) !important;
-  border-color: var(--fc-border) !important;
+  padding: 5px 12px;
+  border-radius: 8px;
+  gap: 8px;
+  background: var(--fc-bg);
+  border-color: var(--fc-border);
 }
 .fc-toolbar-file:hover {
-  background: var(--fc-bgHover) !important;
-  border-color: var(--fc-textDim) !important;
+  background: var(--fc-bgHover);
+  border-color: var(--fc-textDim);
 }
 .fc-toolbar-filename {
   color: var(--fc-text);
@@ -224,8 +244,8 @@ button:disabled {
 .fc-toolbar-btn {
   width: 32px;
   height: 32px;
-  padding: 0 !important;
-  display: inline-flex !important;
+  padding: 0;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
@@ -236,11 +256,11 @@ button:disabled {
 /* Labeled toolbar button — icon + text, for primary actions */
 .fc-toolbar-labeled {
   height: 32px;
-  padding: 0 10px !important;
-  display: inline-flex !important;
+  padding: 0 10px;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 5px !important;
+  gap: 5px;
   font-size: 14px;
   flex-shrink: 0;
   border-radius: 6px;
@@ -484,7 +504,9 @@ input[type="color"]::-webkit-color-swatch {
   text-decoration: none;
   font-size: 14px;
 }
-.fc-docs-nav-link:hover { color: var(--fc-text); }
+.fc-docs-nav-link:hover {
+  color: var(--fc-text);
+}
 .fc-docs-nav-cta {
   padding: 6px 16px;
   font-size: 14px;
@@ -495,7 +517,9 @@ input[type="color"]::-webkit-color-swatch {
   text-decoration: none;
   transition: opacity 0.15s;
 }
-.fc-docs-nav-cta:hover { opacity: 0.9; }
+.fc-docs-nav-cta:hover {
+  opacity: 0.9;
+}
 
 /* --- Search trigger in nav --- */
 .fc-docs-search-trigger {
@@ -509,7 +533,9 @@ input[type="color"]::-webkit-color-swatch {
   color: var(--fc-textDim);
   font-size: 13px;
   cursor: pointer;
-  transition: border-color 0.15s, color 0.15s;
+  transition:
+    border-color 0.15s,
+    color 0.15s;
 }
 .fc-docs-search-trigger:hover {
   border-color: var(--fc-accent);
@@ -522,7 +548,7 @@ input[type="color"]::-webkit-color-swatch {
   background: var(--fc-bgHover);
   border: 1px solid var(--fc-border);
   border-radius: 3px;
-  font-family: var(--fc-mono, 'SF Mono', 'Fira Code', monospace);
+  font-family: var(--fc-mono, "SF Mono", "Fira Code", monospace);
   color: var(--fc-textDim);
 }
 
@@ -538,9 +564,16 @@ input[type="color"]::-webkit-color-swatch {
   position: sticky;
   top: 56px;
 }
-.fc-docs-sidebar::-webkit-scrollbar { width: 4px; }
-.fc-docs-sidebar::-webkit-scrollbar-track { background: transparent; }
-.fc-docs-sidebar::-webkit-scrollbar-thumb { background: var(--fc-border); border-radius: 2px; }
+.fc-docs-sidebar::-webkit-scrollbar {
+  width: 4px;
+}
+.fc-docs-sidebar::-webkit-scrollbar-track {
+  background: transparent;
+}
+.fc-docs-sidebar::-webkit-scrollbar-thumb {
+  background: var(--fc-border);
+  border-radius: 2px;
+}
 
 .fc-docs-sidebar-group-title {
   padding: 12px 20px 4px;
@@ -557,7 +590,10 @@ input[type="color"]::-webkit-color-swatch {
   color: var(--fc-textMuted);
   text-decoration: none;
   border-left: 2px solid transparent;
-  transition: color 0.1s, background 0.1s, border-color 0.1s;
+  transition:
+    color 0.1s,
+    background 0.1s,
+    border-color 0.1s;
 }
 .fc-docs-sidebar-link:hover {
   color: var(--fc-text);
@@ -624,7 +660,9 @@ input[type="color"]::-webkit-color-swatch {
   border: 1px solid var(--fc-border);
   border-radius: 8px;
   text-decoration: none;
-  transition: border-color 0.15s, background 0.15s;
+  transition:
+    border-color 0.15s,
+    background 0.15s;
 }
 .fc-docs-index-card:hover {
   border-color: var(--fc-accent);
@@ -644,7 +682,7 @@ input[type="color"]::-webkit-color-swatch {
 /* --- Doc content (markdown) --- */
 .fc-docs-content {
   padding: 40px 48px 80px;
-  max-width: 800px;
+  max-width: 860px;
   margin: 0 auto;
   line-height: 1.7;
   color: var(--fc-text);
@@ -675,21 +713,32 @@ input[type="color"]::-webkit-color-swatch {
 .fc-docs-content h4 {
   font-size: 14px;
   font-weight: 600;
-  margin: 20px 0 6px;
+  margin: 24px 0 6px;
+  padding-top: 16px;
+  border-top: 1px solid color-mix(in srgb, var(--fc-border) 50%, transparent);
   color: var(--fc-accent);
 }
+/* First h4 after a group heading or section start — no top border */
+.fc-docs-content h3 + h4,
+.fc-docs-content strong + h4,
+.fc-docs-content p + h4:first-of-type {
+  border-top: none;
+  padding-top: 0;
+}
 .fc-docs-content p {
   margin: 0 0 12px;
   color: var(--fc-text);
 }
-.fc-docs-content ul, .fc-docs-content ol {
+.fc-docs-content ul,
+.fc-docs-content ol {
   padding-left: 24px;
   margin: 0 0 12px;
 }
 .fc-docs-content li {
   margin-bottom: 4px;
 }
-.fc-docs-content li > ul, .fc-docs-content li > ol {
+.fc-docs-content li > ul,
+.fc-docs-content li > ol {
   margin-top: 4px;
   margin-bottom: 0;
 }
@@ -736,8 +785,12 @@ input[type="color"]::-webkit-color-swatch {
   animation: fc-docs-flash 1.5s ease-out;
 }
 @keyframes fc-docs-flash {
-  0% { background: var(--fc-bgActive); }
-  100% { background: transparent; }
+  0% {
+    background: var(--fc-bgActive);
+  }
+  100% {
+    background: transparent;
+  }
 }
 
 /* Code blocks */
@@ -750,7 +803,7 @@ input[type="color"]::-webkit-color-swatch {
   font-size: 13px;
   line-height: 1.5;
   margin: 0 0 16px;
-  font-family: var(--fc-mono, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace);
+  font-family: var(--fc-mono, "JetBrains Mono", "Fira Code", "SF Mono", monospace);
 }
 .fc-docs-code code {
   background: none;
@@ -767,7 +820,7 @@ input[type="color"]::-webkit-color-swatch {
   border-radius: 4px;
   padding: 1px 6px;
   font-size: 0.9em;
-  font-family: var(--fc-mono, 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace);
+  font-family: var(--fc-mono, "JetBrains Mono", "Fira Code", "SF Mono", monospace);
   color: var(--fc-accent);
 }
 
@@ -841,25 +894,54 @@ input[type="color"]::-webkit-color-swatch {
    Uses theme-aware CSS variables so tokens adapt to any app theme.
    Default palette matches Tokyo Night. */
 .fc-docs-content .hljs-keyword,
-.fc-docs-content .hljs-tag { color: var(--fc-accent); }
+.fc-docs-content .hljs-tag {
+  color: var(--fc-accent);
+}
 .fc-docs-content .hljs-string,
-.fc-docs-content .hljs-template-variable { color: var(--fc-success, #9ece6a); }
+.fc-docs-content .hljs-template-variable {
+  color: var(--fc-success, #9ece6a);
+}
 .fc-docs-content .hljs-number,
-.fc-docs-content .hljs-literal { color: var(--fc-warning, #ff9e64); }
+.fc-docs-content .hljs-literal {
+  color: var(--fc-warning, #ff9e64);
+}
 .fc-docs-content .hljs-type,
 .fc-docs-content .hljs-title.class_,
-.fc-docs-content .hljs-built_in { color: var(--fc-warning, #e0af68); }
-.fc-docs-content .hljs-comment { color: var(--fc-textDim); font-style: italic; }
+.fc-docs-content .hljs-built_in {
+  color: var(--fc-warning, #e0af68);
+}
+.fc-docs-content .hljs-comment {
+  color: var(--fc-textDim);
+  font-style: italic;
+}
 .fc-docs-content .hljs-attr,
-.fc-docs-content .hljs-attribute { color: var(--fc-accent); }
-.fc-docs-content .hljs-params { color: var(--fc-text); }
-.fc-docs-content .hljs-title.function_ { color: var(--fc-accent); }
-.fc-docs-content .hljs-punctuation { color: var(--fc-textMuted); }
-.fc-docs-content .hljs-property { color: var(--fc-text); }
-.fc-docs-content .hljs-variable { color: var(--fc-text); }
-.fc-docs-content .hljs-regexp { color: var(--fc-error, #f7768e); }
-.fc-docs-content .hljs-meta { color: var(--fc-textDim); }
-.fc-docs-content .hljs-selector-class { color: var(--fc-accent); }
+.fc-docs-content .hljs-attribute {
+  color: var(--fc-accent);
+}
+.fc-docs-content .hljs-params {
+  color: var(--fc-text);
+}
+.fc-docs-content .hljs-title.function_ {
+  color: var(--fc-accent);
+}
+.fc-docs-content .hljs-punctuation {
+  color: var(--fc-textMuted);
+}
+.fc-docs-content .hljs-property {
+  color: var(--fc-text);
+}
+.fc-docs-content .hljs-variable {
+  color: var(--fc-text);
+}
+.fc-docs-content .hljs-regexp {
+  color: var(--fc-error, #f7768e);
+}
+.fc-docs-content .hljs-meta {
+  color: var(--fc-textDim);
+}
+.fc-docs-content .hljs-selector-class {
+  color: var(--fc-accent);
+}
 
 /* --- Search overlay --- */
 .fc-docs-search-overlay {
@@ -914,8 +996,13 @@ input[type="color"]::-webkit-color-swatch {
   max-height: 400px;
   overflow-y: auto;
 }
-.fc-docs-search-results::-webkit-scrollbar { width: 4px; }
-.fc-docs-search-results::-webkit-scrollbar-thumb { background: var(--fc-border); border-radius: 2px; }
+.fc-docs-search-results::-webkit-scrollbar {
+  width: 4px;
+}
+.fc-docs-search-results::-webkit-scrollbar-thumb {
+  background: var(--fc-border);
+  border-radius: 2px;
+}
 
 .fc-docs-search-result {
   padding: 10px 16px;
@@ -923,7 +1010,9 @@ input[type="color"]::-webkit-color-swatch {
   border-bottom: 1px solid var(--fc-border);
   transition: background 0.08s;
 }
-.fc-docs-search-result:last-child { border-bottom: none; }
+.fc-docs-search-result:last-child {
+  border-bottom: none;
+}
 .fc-docs-search-result:hover,
 .fc-docs-search-result.selected {
   background: var(--fc-bgHover);
@@ -973,15 +1062,100 @@ input[type="color"]::-webkit-color-swatch {
   color: var(--fc-textMuted);
 }
 
+/* --- On-this-page right sidebar --- */
+.fc-docs-toc {
+  width: 220px;
+  flex-shrink: 0;
+  padding: 20px 12px 20px 0;
+  overflow-y: auto;
+  height: calc(100vh - 56px);
+  position: sticky;
+  top: 56px;
+  border-left: 1px solid var(--fc-border);
+}
+.fc-docs-toc::-webkit-scrollbar {
+  width: 4px;
+}
+.fc-docs-toc::-webkit-scrollbar-track {
+  background: transparent;
+}
+.fc-docs-toc::-webkit-scrollbar-thumb {
+  background: var(--fc-border);
+  border-radius: 2px;
+}
+.fc-docs-toc-title {
+  padding: 0 12px 8px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--fc-textDim);
+}
+.fc-docs-toc-link {
+  display: block;
+  padding: 3px 12px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--fc-textMuted);
+  text-decoration: none;
+  border-left: 2px solid transparent;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fc-docs-toc-link.indent {
+  padding-left: 24px;
+  font-size: 11.5px;
+}
+.fc-docs-toc-link:hover {
+  color: var(--fc-text);
+}
+.fc-docs-toc-link.active {
+  color: var(--fc-accent, #58a6ff);
+  border-left-color: var(--fc-accent, #58a6ff);
+}
+
+/* --- Sidebar toggle buttons --- */
+.fc-docs-nav-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.fc-docs-sidebar-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--fc-border);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--fc-textMuted);
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.fc-docs-sidebar-toggle:hover {
+  background: var(--fc-bgSurface);
+  color: var(--fc-text);
+}
+
 /* --- Project Selector --- */
 .fc-project-item:hover {
-  background: var(--fc-bgHover, rgba(255, 255, 255, 0.06)) !important;
+  background: var(--fc-bgHover, rgba(255, 255, 255, 0.06));
 }
 
-/* --- Responsive --- */
-@media (max-width: 768px) {
-  .fc-docs-sidebar { display: none; }
-  .fc-docs-content { padding: 20px 16px 60px; }
-  .fc-docs-index { padding: 20px 16px 60px; }
-  .fc-docs-index-grid { grid-template-columns: 1fr; }
+/* --- Responsive ---
+   Sidebars are toggled via JS (initial state based on viewport width).
+   Only content padding and grid adjustments use media queries.
+*/
+@media (max-width: 900px) {
+  .fc-docs-content {
+    padding: 20px 16px 60px;
+  }
+  .fc-docs-index {
+    padding: 20px 16px 60px;
+  }
+  .fc-docs-index-grid {
+    grid-template-columns: 1fr;
+  }
 }