specsmd 0.1.69 → 0.1.70

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.
@@ -634,6 +634,50 @@ function getOverviewViewHtml(data) {
634
634
  `).join('') : '<div class="empty-state"><div class="empty-state-text">No standards defined</div></div>'}
635
635
  </div>
636
636
  </div>
637
+ <div class="overview-resources-footer">
638
+ <div class="overview-fabriqa-card">
639
+ <div class="overview-fabriqa-brand">
640
+ <div class="overview-fabriqa-mark">FA</div>
641
+ <div>
642
+ <div class="overview-fabriqa-title">specs.md by Fabriqa.AI</div>
643
+ <div class="overview-fabriqa-subtitle">Spec-native agentic development environment</div>
644
+ </div>
645
+ </div>
646
+ <div class="overview-fabriqa-copy">
647
+ Use Fabriqa.AI with your existing AI subscription to design, run, and reuse agentic workflows around your specs. It is free to try.
648
+ </div>
649
+ <div class="overview-fabriqa-actions">
650
+ <div class="overview-fabriqa-link" data-url="https://fabriqa.ai">Explore Fabriqa.AI</div>
651
+ <div class="overview-fabriqa-link secondary" data-url="https://specs.md">Open specs.md</div>
652
+ </div>
653
+ </div>
654
+ <div class="overview-dashboard-tip">
655
+ <div>
656
+ <div class="overview-dashboard-title">Did you know?</div>
657
+ <div class="overview-dashboard-copy">
658
+ You can use the specsmd dashboard outside VS Code and VS Code variants. Run this from your project folder:
659
+ </div>
660
+ <code>npx specsmd@latest dashboard</code>
661
+ </div>
662
+ <div class="overview-fabriqa-link secondary" data-url="https://specs.md/getting-started/cli-dashboard">Dashboard docs</div>
663
+ </div>
664
+ <div class="overview-resources-title">Community</div>
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-feedback-message">
678
+ We're new! Help us improve — <span class="overview-feedback-link" data-url="https://specs.md/feedback">share your feedback</span>
679
+ </div>
680
+ </div>
637
681
  </div>`;
638
682
  }
639
683
 
@@ -6888,7 +6888,7 @@
6888
6888
  }
6889
6889
  });
6890
6890
  });
6891
- overviewView.querySelectorAll(".overview-resource-link").forEach((link) => {
6891
+ overviewView.querySelectorAll(".overview-resource-link, .overview-fabriqa-link").forEach((link) => {
6892
6892
  const htmlLink = link;
6893
6893
  link.addEventListener("click", () => {
6894
6894
  const url = htmlLink.dataset.url;
@@ -7200,18 +7200,22 @@
7200
7200
  ...BaseElement.baseStyles,
7201
7201
  i`
7202
7202
  :host {
7203
- display: flex;
7204
- flex-direction: column;
7203
+ display: block;
7205
7204
  height: 100vh;
7206
7205
  overflow: hidden;
7206
+ position: relative;
7207
7207
  background: var(--background);
7208
7208
  }
7209
7209
 
7210
7210
  .shell {
7211
7211
  display: flex;
7212
7212
  flex-direction: column;
7213
- flex: 1;
7213
+ position: absolute;
7214
+ inset: 0;
7215
+ width: 100%;
7216
+ height: 100%;
7214
7217
  min-height: 0;
7218
+ overflow: hidden;
7215
7219
  }
7216
7220
 
7217
7221
  .shell-chrome {
@@ -7310,10 +7314,12 @@
7310
7314
  flex-direction: column;
7311
7315
  flex: 1;
7312
7316
  min-height: 0;
7317
+ overflow: hidden;
7313
7318
  }
7314
7319
 
7315
7320
  .view-container {
7316
7321
  flex: 1;
7322
+ min-height: 0;
7317
7323
  overflow-y: auto;
7318
7324
  display: none;
7319
7325
  }
@@ -7321,6 +7327,7 @@
7321
7327
  .view-container.active {
7322
7328
  display: flex;
7323
7329
  flex-direction: column;
7330
+ min-height: 0;
7324
7331
  }
7325
7332
 
7326
7333
  bolts-view {
@@ -7745,6 +7752,114 @@
7745
7752
  border-top: 1px solid var(--border-color);
7746
7753
  }
7747
7754
 
7755
+ .overview-fabriqa-card {
7756
+ margin-bottom: 14px;
7757
+ padding: 14px;
7758
+ border: 1px solid var(--border-color);
7759
+ border-radius: 8px;
7760
+ background: var(--editor-background);
7761
+ }
7762
+
7763
+ .overview-fabriqa-brand {
7764
+ display: flex;
7765
+ align-items: center;
7766
+ gap: 10px;
7767
+ margin-bottom: 10px;
7768
+ }
7769
+
7770
+ .overview-fabriqa-mark {
7771
+ width: 34px;
7772
+ height: 34px;
7773
+ border-radius: 8px;
7774
+ display: inline-flex;
7775
+ align-items: center;
7776
+ justify-content: center;
7777
+ background: var(--accent-primary);
7778
+ color: #ffffff;
7779
+ font-size: 12px;
7780
+ font-weight: 700;
7781
+ flex-shrink: 0;
7782
+ }
7783
+
7784
+ .overview-fabriqa-title {
7785
+ font-size: 13px;
7786
+ font-weight: 700;
7787
+ color: var(--foreground);
7788
+ line-height: 1.25;
7789
+ }
7790
+
7791
+ .overview-fabriqa-subtitle,
7792
+ .overview-fabriqa-copy,
7793
+ .overview-dashboard-copy {
7794
+ color: var(--description-foreground);
7795
+ font-size: 11px;
7796
+ line-height: 1.45;
7797
+ }
7798
+
7799
+ .overview-fabriqa-copy {
7800
+ margin-bottom: 12px;
7801
+ }
7802
+
7803
+ .overview-fabriqa-actions {
7804
+ display: flex;
7805
+ flex-wrap: wrap;
7806
+ gap: 8px;
7807
+ }
7808
+
7809
+ .overview-fabriqa-link {
7810
+ display: inline-flex;
7811
+ align-items: center;
7812
+ justify-content: center;
7813
+ min-height: 30px;
7814
+ padding: 0 10px;
7815
+ border-radius: 6px;
7816
+ background: var(--accent-primary);
7817
+ color: #ffffff;
7818
+ font-size: 11px;
7819
+ font-weight: 700;
7820
+ cursor: pointer;
7821
+ }
7822
+
7823
+ .overview-fabriqa-link.secondary {
7824
+ background: var(--vscode-input-background);
7825
+ color: var(--foreground);
7826
+ border: 1px solid var(--border-color);
7827
+ }
7828
+
7829
+ .overview-fabriqa-link:hover {
7830
+ opacity: 0.88;
7831
+ }
7832
+
7833
+ .overview-dashboard-tip {
7834
+ display: flex;
7835
+ align-items: flex-start;
7836
+ justify-content: space-between;
7837
+ gap: 12px;
7838
+ margin-bottom: 14px;
7839
+ padding: 12px;
7840
+ border: 1px solid var(--border-color);
7841
+ border-radius: 8px;
7842
+ background: var(--vscode-input-background);
7843
+ }
7844
+
7845
+ .overview-dashboard-title {
7846
+ margin-bottom: 4px;
7847
+ color: var(--foreground);
7848
+ font-size: 12px;
7849
+ font-weight: 700;
7850
+ }
7851
+
7852
+ .overview-dashboard-tip code {
7853
+ display: inline-block;
7854
+ margin-top: 8px;
7855
+ padding: 5px 7px;
7856
+ border-radius: 4px;
7857
+ background: var(--editor-background);
7858
+ color: var(--foreground);
7859
+ font-size: 10px;
7860
+ white-space: nowrap;
7861
+ }
7862
+
7748
7863
  .overview-resources-title {
7749
7864
  font-size: 9px;
7750
7865
  font-weight: 600;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "specsmd",
3
- "version": "0.1.69",
3
+ "version": "0.1.70",
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": {