specsmd 0.1.72 → 0.1.73

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.
@@ -648,39 +648,38 @@ function getOverviewViewHtml(data) {
648
648
  </div>
649
649
  </div>
650
650
  <div class="overview-fabriqa-copy">
651
- Use Fabriqa.AI with your existing AI subscription to design, run, and reuse agentic workflows around your specs. It is free to try.
651
+ Use Fabriqa.AI with your existing AI subscription to design and reuse agentic workflows around your specs. Free to try.
652
652
  </div>
653
653
  <div class="overview-fabriqa-actions">
654
654
  <div class="overview-fabriqa-link" data-url="https://fabriqa.ai">Explore Fabriqa.AI</div>
655
655
  <div class="overview-fabriqa-link secondary" data-url="https://specs.md">Open specs.md</div>
656
656
  </div>
657
- </div>
658
- <div class="overview-dashboard-tip">
659
- <div>
657
+ <div class="overview-dashboard-tip">
660
658
  <div class="overview-dashboard-title">Did you know?</div>
661
659
  <div class="overview-dashboard-copy">
662
- You can use the specsmd dashboard outside VS Code and VS Code variants. Run this from your project folder:
660
+ Use the dashboard outside VS Code with <code>npx specsmd@latest dashboard</code>.
661
+ <span class="overview-feedback-link" data-url="https://specs.md/getting-started/cli-dashboard">Docs</span>
663
662
  </div>
664
- <code>npx specsmd@latest dashboard</code>
665
- </div>
666
- <div class="overview-fabriqa-link secondary" data-url="https://specs.md/getting-started/cli-dashboard">Dashboard docs</div>
667
- </div>
668
- <div class="overview-resources-title">Community</div>
669
- <div class="overview-resources-links">
670
- <div class="overview-resource-link" data-url="https://discord.specs.md" title="Discord">
671
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
672
- <path fill="currentColor" d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
673
- </svg>
674
663
  </div>
675
- <div class="overview-resource-link" data-url="https://x.com/specsmd" title="X (Twitter)">
676
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
677
- <path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
678
- </svg>
664
+ <div class="overview-footer-row">
665
+ <div class="overview-resources-links">
666
+ <div class="overview-resource-link" data-url="https://discord.specs.md" title="Discord">
667
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
668
+ <path fill="currentColor" d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
669
+ </svg>
670
+ </div>
671
+ <div class="overview-resource-link" data-url="https://x.com/specsmd" title="X (Twitter)">
672
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
673
+ <path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
674
+ </svg>
675
+ </div>
676
+ </div>
677
+ <div class="overview-footer-feedback">
678
+ <span class="overview-feedback-message">Help improve specs.md</span>
679
+ <span class="overview-feedback-link" data-url="https://specs.md/feedback">Feedback</span>
680
+ </div>
679
681
  </div>
680
682
  </div>
681
- <div class="overview-feedback-message">
682
- We're new! Help us improve — <span class="overview-feedback-link" data-url="https://specs.md/feedback">share your feedback</span>
683
- </div>
684
683
  </div>
685
684
  </div>`;
686
685
  }
@@ -6176,43 +6176,43 @@
6176
6176
  </div>
6177
6177
  </div>
6178
6178
  <div class="fabriqa-copy">
6179
- Use Fabriqa.AI with your existing AI subscription to design, run, and reuse agentic workflows around your specs. It is free to try.
6179
+ Use Fabriqa.AI with your existing AI subscription to design and reuse agentic workflows around your specs. Free to try.
6180
6180
  </div>
6181
6181
  <div class="fabriqa-actions">
6182
6182
  <div class="fabriqa-link" @click=${() => this._openExternal("https://fabriqa.ai")}>Explore Fabriqa.AI</div>
6183
6183
  <div class="fabriqa-link secondary" @click=${() => this._openExternal("https://specs.md")}>Open specs.md</div>
6184
6184
  </div>
6185
- </div>
6186
- <div class="dashboard-tip">
6187
- <div class="dashboard-tip-title">Did you know?</div>
6188
- <div class="dashboard-tip-copy">
6189
- You can use the specs.md dashboard outside VS Code and VS Code variants. Run <code>npx specsmd@latest dashboard</code> from your project folder.
6190
- </div>
6191
- <div class="fabriqa-actions">
6192
- <div class="fabriqa-link secondary" @click=${() => this._openExternal("https://specs.md/getting-started/cli-dashboard")}>Dashboard docs</div>
6193
- </div>
6194
- </div>
6195
- <div class="resources-title">Links</div>
6196
- <div class="resources-links">
6197
- <div class="resource-link" @click=${() => this._openExternal("https://specs.md")} title="Website">
6198
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6199
- <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/>
6200
- </svg>
6201
- </div>
6202
- <div class="resource-link" @click=${() => this._openExternal("https://discord.specs.md")} title="Discord">
6203
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6204
- <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
6205
- </svg>
6185
+ <div class="dashboard-tip">
6186
+ <div class="dashboard-tip-title">Did you know?</div>
6187
+ <div class="dashboard-tip-copy">
6188
+ Use the dashboard outside VS Code with <code>npx specsmd@latest dashboard</code>.
6189
+ <span class="feedback-link" @click=${() => this._openExternal("https://specs.md/getting-started/cli-dashboard")}>Docs</span>
6190
+ </div>
6206
6191
  </div>
6207
- <div class="resource-link" @click=${() => this._openExternal("https://x.com/specsmd")} title="X (Twitter)">
6208
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6209
- <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
6210
- </svg>
6192
+ <div class="footer-row">
6193
+ <div class="resources-links">
6194
+ <div class="resource-link" @click=${() => this._openExternal("https://specs.md")} title="Website">
6195
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6196
+ <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/>
6197
+ </svg>
6198
+ </div>
6199
+ <div class="resource-link" @click=${() => this._openExternal("https://discord.specs.md")} title="Discord">
6200
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6201
+ <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
6202
+ </svg>
6203
+ </div>
6204
+ <div class="resource-link" @click=${() => this._openExternal("https://x.com/specsmd")} title="X (Twitter)">
6205
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
6206
+ <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
6207
+ </svg>
6208
+ </div>
6209
+ </div>
6210
+ <div class="footer-feedback">
6211
+ <span class="feedback-message">Help improve specs.md</span>
6212
+ <span class="feedback-link" @click=${() => this._openExternal("https://specs.md/feedback")}>Feedback</span>
6213
+ </div>
6211
6214
  </div>
6212
6215
  </div>
6213
- <div class="feedback-message">
6214
- We're new! Help us improve — <span class="feedback-link" @click=${() => this._openExternal("https://specs.md/feedback")}>share your feedback</span>
6215
- </div>
6216
6216
  </div>
6217
6217
  </div>
6218
6218
  `;
@@ -6453,37 +6453,22 @@
6453
6453
 
6454
6454
  /* Resources Footer */
6455
6455
  .resources-footer {
6456
- position: sticky;
6457
- bottom: 0;
6458
- background: var(--background);
6459
- border-top: 1px solid var(--border-color);
6460
- padding: 12px;
6461
- margin-top: auto;
6462
- }
6463
-
6464
- .resources-title {
6465
- font-size: 9px;
6466
- font-weight: 600;
6467
- text-transform: uppercase;
6468
- color: var(--description-foreground);
6469
- letter-spacing: 0.5px;
6470
- margin-bottom: 8px;
6471
- text-align: center;
6456
+ margin-top: 14px;
6472
6457
  }
6473
6458
 
6474
6459
  .resources-links {
6475
- display: flex;
6476
- gap: 12px;
6477
- justify-content: center;
6460
+ display: inline-flex;
6461
+ flex-wrap: wrap;
6462
+ gap: 6px;
6478
6463
  }
6479
6464
 
6480
6465
  .resource-link {
6481
- display: flex;
6466
+ display: inline-flex;
6482
6467
  align-items: center;
6483
6468
  justify-content: center;
6484
- width: 36px;
6485
- height: 36px;
6486
- border-radius: 8px;
6469
+ width: 28px;
6470
+ height: 28px;
6471
+ border-radius: 6px;
6487
6472
  background: var(--editor-background);
6488
6473
  border: 1px solid var(--border-color);
6489
6474
  cursor: pointer;
@@ -6498,19 +6483,15 @@
6498
6483
  }
6499
6484
 
6500
6485
  .resource-link svg {
6501
- width: 18px;
6502
- height: 18px;
6486
+ width: 14px;
6487
+ height: 14px;
6503
6488
  fill: currentColor;
6504
6489
  }
6505
6490
 
6506
6491
  .feedback-message {
6507
- text-align: center;
6492
+ display: inline;
6508
6493
  font-size: 11px;
6509
6494
  color: var(--description-foreground);
6510
- margin-top: 12px;
6511
- padding: 8px 12px;
6512
- background: var(--editor-background);
6513
- border-radius: 6px;
6514
6495
  }
6515
6496
 
6516
6497
  .feedback-link {
@@ -6524,30 +6505,29 @@
6524
6505
  }
6525
6506
 
6526
6507
  .fabriqa-card {
6527
- padding: 12px;
6528
- margin-bottom: 12px;
6508
+ padding: 10px;
6529
6509
  border: 1px solid rgba(249, 115, 22, 0.35);
6530
6510
  border-radius: 6px;
6531
- background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(34, 197, 94, 0.08));
6511
+ background: linear-gradient(135deg, rgba(249, 115, 22, 0.08), rgba(34, 197, 94, 0.05));
6532
6512
  }
6533
6513
 
6534
6514
  .fabriqa-brand {
6535
6515
  display: flex;
6536
6516
  align-items: center;
6537
- gap: 10px;
6538
- margin-bottom: 8px;
6517
+ gap: 8px;
6518
+ margin-bottom: 6px;
6539
6519
  }
6540
6520
 
6541
6521
  .fabriqa-mark {
6542
6522
  display: flex;
6543
6523
  align-items: center;
6544
6524
  justify-content: center;
6545
- flex: 0 0 30px;
6546
- height: 30px;
6525
+ flex: 0 0 26px;
6526
+ height: 26px;
6547
6527
  border-radius: 6px;
6548
6528
  background: var(--status-active);
6549
6529
  color: #ffffff;
6550
- font-size: 11px;
6530
+ font-size: 10px;
6551
6531
  font-weight: 700;
6552
6532
  }
6553
6533
 
@@ -6566,7 +6546,7 @@
6566
6546
  }
6567
6547
 
6568
6548
  .fabriqa-copy {
6569
- margin-bottom: 10px;
6549
+ margin-bottom: 8px;
6570
6550
  }
6571
6551
 
6572
6552
  .fabriqa-actions {
@@ -6579,7 +6559,8 @@
6579
6559
  display: inline-flex;
6580
6560
  align-items: center;
6581
6561
  justify-content: center;
6582
- padding: 6px 9px;
6562
+ min-height: 26px;
6563
+ padding: 0 8px;
6583
6564
  border-radius: 5px;
6584
6565
  background: var(--status-active);
6585
6566
  color: #ffffff;
@@ -6599,11 +6580,9 @@
6599
6580
  }
6600
6581
 
6601
6582
  .dashboard-tip {
6602
- padding: 10px;
6603
- margin-bottom: 12px;
6604
- border: 1px solid var(--border-color);
6605
- border-radius: 6px;
6606
- background: var(--editor-background);
6583
+ padding-top: 8px;
6584
+ margin-top: 8px;
6585
+ border-top: 1px solid var(--border-color);
6607
6586
  }
6608
6587
 
6609
6588
  .dashboard-tip-title {
@@ -6620,6 +6599,24 @@
6620
6599
  color: var(--foreground);
6621
6600
  font-family: var(--font-family);
6622
6601
  }
6602
+
6603
+ .footer-row {
6604
+ display: flex;
6605
+ flex-wrap: wrap;
6606
+ align-items: center;
6607
+ justify-content: space-between;
6608
+ gap: 8px;
6609
+ padding-top: 8px;
6610
+ margin-top: 8px;
6611
+ border-top: 1px solid var(--border-color);
6612
+ }
6613
+
6614
+ .footer-feedback {
6615
+ display: flex;
6616
+ flex-wrap: wrap;
6617
+ align-items: center;
6618
+ gap: 6px;
6619
+ }
6623
6620
  `
6624
6621
  ];
6625
6622
  __decorateClass([
@@ -7895,36 +7892,33 @@
7895
7892
 
7896
7893
  /* ==================== OVERVIEW RESOURCES FOOTER ==================== */
7897
7894
  .overview-resources-footer {
7898
- margin-top: 20px;
7899
- padding-top: 16px;
7900
- border-top: 1px solid var(--border-color);
7895
+ margin-top: 14px;
7901
7896
  }
7902
7897
 
7903
7898
  .overview-fabriqa-card {
7904
- margin-bottom: 14px;
7905
- padding: 14px;
7899
+ padding: 10px;
7906
7900
  border: 1px solid var(--border-color);
7907
- border-radius: 8px;
7901
+ border-radius: 6px;
7908
7902
  background: var(--editor-background);
7909
7903
  }
7910
7904
 
7911
7905
  .overview-fabriqa-brand {
7912
7906
  display: flex;
7913
7907
  align-items: center;
7914
- gap: 10px;
7915
- margin-bottom: 10px;
7908
+ gap: 8px;
7909
+ margin-bottom: 6px;
7916
7910
  }
7917
7911
 
7918
7912
  .overview-fabriqa-mark {
7919
- width: 34px;
7920
- height: 34px;
7921
- border-radius: 8px;
7913
+ width: 26px;
7914
+ height: 26px;
7915
+ border-radius: 6px;
7922
7916
  display: inline-flex;
7923
7917
  align-items: center;
7924
7918
  justify-content: center;
7925
7919
  background: var(--accent-primary);
7926
7920
  color: #ffffff;
7927
- font-size: 12px;
7921
+ font-size: 10px;
7928
7922
  font-weight: 700;
7929
7923
  flex-shrink: 0;
7930
7924
  }
@@ -7945,7 +7939,7 @@
7945
7939
  }
7946
7940
 
7947
7941
  .overview-fabriqa-copy {
7948
- margin-bottom: 12px;
7942
+ margin-bottom: 8px;
7949
7943
  }
7950
7944
 
7951
7945
  .overview-fabriqa-actions {
@@ -7958,9 +7952,9 @@
7958
7952
  display: inline-flex;
7959
7953
  align-items: center;
7960
7954
  justify-content: center;
7961
- min-height: 30px;
7962
- padding: 0 10px;
7963
- border-radius: 6px;
7955
+ min-height: 26px;
7956
+ padding: 0 8px;
7957
+ border-radius: 5px;
7964
7958
  background: var(--accent-primary);
7965
7959
  color: #ffffff;
7966
7960
  font-size: 11px;
@@ -7979,15 +7973,9 @@
7979
7973
  }
7980
7974
 
7981
7975
  .overview-dashboard-tip {
7982
- display: flex;
7983
- align-items: flex-start;
7984
- justify-content: space-between;
7985
- gap: 12px;
7986
- margin-bottom: 14px;
7987
- padding: 12px;
7988
- border: 1px solid var(--border-color);
7989
- border-radius: 8px;
7990
- background: var(--vscode-input-background);
7976
+ padding-top: 8px;
7977
+ margin-top: 8px;
7978
+ border-top: 1px solid var(--border-color);
7991
7979
  }
7992
7980
 
7993
7981
  .overview-dashboard-title {
@@ -7998,39 +7986,25 @@
7998
7986
  }
7999
7987
 
8000
7988
  .overview-dashboard-tip code {
8001
- display: inline-block;
8002
- margin-top: 8px;
8003
- padding: 5px 7px;
7989
+ padding: 1px 4px;
8004
7990
  border-radius: 4px;
8005
7991
  background: var(--editor-background);
8006
7992
  color: var(--foreground);
8007
- font-size: 10px;
8008
- white-space: nowrap;
8009
- }
8010
-
8011
- .overview-resources-title {
8012
- font-size: 9px;
8013
- font-weight: 600;
8014
- text-transform: uppercase;
8015
- color: var(--description-foreground);
8016
- letter-spacing: 0.5px;
8017
- margin-bottom: 8px;
8018
- text-align: center;
8019
7993
  }
8020
7994
 
8021
7995
  .overview-resources-links {
8022
- display: flex;
8023
- gap: 12px;
8024
- justify-content: center;
7996
+ display: inline-flex;
7997
+ flex-wrap: wrap;
7998
+ gap: 6px;
8025
7999
  }
8026
8000
 
8027
8001
  .overview-resource-link {
8028
- display: flex;
8002
+ display: inline-flex;
8029
8003
  align-items: center;
8030
8004
  justify-content: center;
8031
- width: 36px;
8032
- height: 36px;
8033
- border-radius: 8px;
8005
+ width: 28px;
8006
+ height: 28px;
8007
+ border-radius: 6px;
8034
8008
  background: var(--editor-background);
8035
8009
  border: 1px solid var(--border-color);
8036
8010
  cursor: pointer;
@@ -8045,18 +8019,14 @@
8045
8019
  }
8046
8020
 
8047
8021
  .overview-resource-link svg {
8048
- width: 18px;
8049
- height: 18px;
8022
+ width: 14px;
8023
+ height: 14px;
8050
8024
  }
8051
8025
 
8052
8026
  .overview-feedback-message {
8053
- text-align: center;
8027
+ display: inline;
8054
8028
  font-size: 11px;
8055
8029
  color: var(--description-foreground);
8056
- margin-top: 12px;
8057
- padding: 8px 12px;
8058
- background: var(--editor-background);
8059
- border-radius: 6px;
8060
8030
  }
8061
8031
 
8062
8032
  .overview-feedback-link {
@@ -8069,6 +8039,24 @@
8069
8039
  opacity: 0.8;
8070
8040
  }
8071
8041
 
8042
+ .overview-footer-row {
8043
+ display: flex;
8044
+ flex-wrap: wrap;
8045
+ align-items: center;
8046
+ justify-content: space-between;
8047
+ gap: 8px;
8048
+ padding-top: 8px;
8049
+ margin-top: 8px;
8050
+ border-top: 1px solid var(--border-color);
8051
+ }
8052
+
8053
+ .overview-footer-feedback {
8054
+ display: flex;
8055
+ flex-wrap: wrap;
8056
+ align-items: center;
8057
+ gap: 6px;
8058
+ }
8059
+
8072
8060
  /* ==================== EMPTY STATE ==================== */
8073
8061
  .empty-state {
8074
8062
  padding: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "specsmd",
3
- "version": "0.1.72",
3
+ "version": "0.1.73",
4
4
  "description": "Multi-agent orchestration system for AI-native software development. Delivers AI-DLC, Agile, and custom SDLC flows as markdown-based agent systems.",
5
5
  "main": "lib/installer.js",
6
6
  "bin": {