@leanspec/ui 0.2.3 → 0.2.4

package/dist/standalone/packages/web/tailwind.config.ts

@@ -0,0 +1,58 @@
+import type { Config } from "tailwindcss";
+import typography from "@tailwindcss/typography";
+
+const config: Config = {
+  darkMode: "class",
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [typography],
+};
+
+export default config;

package/dist/standalone/packages/web/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/dist/standalone/packages/web/vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config';
+import path from 'path';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'node',
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});

package/dist/standalone/specs/100-release-process-typecheck-failure/README.md

@@ -0,0 +1,266 @@
+---
+status: complete
+created: '2025-11-17'
+tags:
+  - process
+  - quality
+  - ci-cd
+  - post-mortem
+priority: high
+created_at: '2025-11-17T21:12:06.305Z'
+completed_at: '2025-11-17T21:12:00.000Z'
+updated_at: '2025-11-17T13:13:28.300Z'
+completed: '2025-11-17'
+---
+
+# Post-Mortem: v0.2.3 TypeScript Check Failure
+
+## Overview
+
+On November 17, 2025, we attempted to release v0.2.3 only to discover **30+ TypeScript compilation errors** that should have been caught before the release process began. This spec documents what went wrong, why it happened, and how to prevent it in the future.
+
+**Impact**: Blocked release, required emergency fix session, wasted development time, damaged trust in release process.
+
+## What Went Wrong
+
+### The Problem
+Version 0.2.3 was tagged and released without running `pnpm typecheck`, leading to a published package that:
+- Failed TypeScript compilation (`tsc --noEmit` showed 30+ errors)
+- Had broken MCP SDK integration (signature mismatches)
+- Had type mismatches across packages (core vs CLI)
+- Would break for users with strict TypeScript checking
+
+### Root Causes
+
+1. **No Pre-Release Type Check**
+   - Release process did NOT include `pnpm typecheck` as a required step
+   - Only ran `pnpm build` which uses `tsup` with less strict checking
+   - `tsup` successfully bundles code even with type errors when `noCheck: true` or similar flags
+
+2. **No CI/CD Type Checking**
+   - GitHub Actions publish workflow (`.github/workflows/publish.yml`) does NOT run `pnpm typecheck`
+   - Only runs `pnpm build` before publishing
+   - No gate preventing broken releases
+
+3. **Monorepo Complexity**
+   - Errors were spread across CLI and Core packages
+   - Cross-package type dependencies not validated
+   - Core package exported types used in CLI weren't properly exposed
+
+4. **MCP SDK Version Upgrade**
+   - SDK v1.21.0 changed handler signatures (added `extra` parameter)
+   - No automated check for SDK compatibility
+   - Breaking changes went unnoticed until compilation
+
+### Timeline of Errors
+
+The errors fell into several categories:
+
+**Type Export Issues (1 error)**
+- `isolate.ts` couldn't import `Frontmatter` type from core (not exported)
+
+**Interface Mismatches (2 errors)**  
+- `SpecInfo.date` was required in CLI but optional in core
+- `deps.ts` failed due to this mismatch
+
+**Type Casting Issues (2 errors)**
+- `search.ts` had `unknown` types for `title`/`description` from frontmatter
+- Needed explicit type guards
+
+**MCP SDK Signature Changes (25+ errors)**
+- All tool handlers missing required `extra` parameter
+- Resource callbacks missing `variables` and `extra` parameters  
+- Console capturing code broken by incorrect multi_replace edits
+- Type literal issues (`type: 'text'` vs `type: string`)
+
+## Why Didn't We Catch This?
+
+### Human Factors
+- **Assumption**: "If build passes, types are good"
+- **Habit**: Not running `pnpm typecheck` before releases
+- **Time pressure**: Rush to publish without full validation
+- **Trust**: Assumed CI would catch issues (but it didn't)
+
+### Process Gaps
+- No checklist for releases
+- No automated pre-release validation
+- No CI gate for type checking
+- No cross-package type validation
+
+### Tool Configuration
+- `tsup.config.ts` may have been too lenient
+- Build tool doesn't enforce strict type checking
+- Missing `turbo run typecheck` in release workflow
+
+## What Should Have Happened
+
+### Ideal Pre-Release Checklist
+```bash
+# 1. Type check all packages
+pnpm typecheck
+
+# 2. Run all tests
+pnpm test:run
+
+# 3. Build all packages
+pnpm build
+
+# 4. Validate docs build
+cd docs-site && npm run build
+
+# 5. Run local spec validation
+node bin/lean-spec.js validate
+
+# 6. Update CHANGELOG.md
+
+# 7. Commit and tag
+git add -A
+git commit -m "chore: bump version to X.Y.Z"
+git tag vX.Y.Z
+git push origin main --tags
+
+# 8. Create GitHub release (triggers CI)
+gh release create vX.Y.Z
+```
+
+### Ideal CI/CD Workflow
+```yaml
+# .github/workflows/publish.yml
+jobs:
+  publish:
+    steps:
+      - name: Install dependencies
+        run: pnpm install
+      
+      - name: Type check ⚠️ MISSING
+        run: pnpm typecheck
+      
+      - name: Run tests ⚠️ MISSING  
+        run: pnpm test:run
+      
+      - name: Build
+        run: pnpm build
+      
+      - name: Publish to npm
+        if: all tests pass
+        run: pnpm publish
+```
+
+## Lessons Learned
+
+### What Worked
+- ✅ Fast identification and triage of errors
+- ✅ Systematic fix approach (categorize, prioritize, fix)
+- ✅ Good git practices (committed fix, tagged properly)
+- ✅ Clear documentation of what was fixed
+
+### What Didn't Work
+- ❌ No automated type checking in CI
+- ❌ No pre-release validation checklist
+- ❌ Build tools don't enforce type safety
+- ❌ Assumed "build passes" = "types are correct"
+- ❌ No cross-package type validation
+
+## Action Items
+
+### Immediate (Before Next Release)
+
+**1. Add Type Checking to CI Workflow**
+```yaml
+# .github/workflows/publish.yml
+- name: Type check all packages
+  run: pnpm typecheck
+
+- name: Run tests
+  run: pnpm test:run
+```
+
+**2. Create Release Checklist**
+Add to `CONTRIBUTING.md` or create `RELEASING.md`:
+- [ ] Run `pnpm typecheck`
+- [ ] Run `pnpm test:run`  
+- [ ] Run `pnpm build`
+- [ ] Validate with `node bin/lean-spec.js validate`
+- [ ] Update CHANGELOG.md
+- [ ] Commit, tag, push
+- [ ] Create GitHub release
+
+**3. Add Pre-Push Hook** (Optional)
+```bash
+# .husky/pre-push
+pnpm typecheck || (echo "Type check failed!" && exit 1)
+```
+
+### Short-term (Next Sprint)
+
+**4. Improve Package Scripts**
+Add a `pre-release` script:
+```json
+{
+  "scripts": {
+    "pre-release": "pnpm typecheck && pnpm test:run && pnpm build && pnpm validate"
+  }
+}
+```
+
+**5. Enhanced CI Pipeline**
+- Add separate typecheck job that runs on all PRs
+- Require passing typecheck before merge
+- Add matrix testing across Node versions
+
+**6. Documentation**
+- Document the release process in `AGENTS.md`
+- Add "Why typecheck matters" section
+- Include common type error patterns
+
+### Long-term (Future)
+
+**7. Automated Release Process**
+Consider tools like:
+- `semantic-release` for automated versioning
+- `changesets` for monorepo releases
+- `release-please` for GitHub-native releases
+
+**8. Type Safety Improvements**
+- Enable stricter TypeScript compiler options
+- Add `strict: true` to all `tsconfig.json`
+- Use `exactOptionalPropertyTypes`
+- Enable `noUncheckedIndexedAccess`
+
+**9. Monorepo Type Validation**
+- Add Turbo task for cross-package type checking
+- Validate type exports/imports between packages
+- Add package boundary lint rules
+
+## Metrics to Track
+
+Going forward, track:
+- **Time to catch type errors**: Pre-push vs CI vs post-release
+- **Type error frequency**: Trend over time
+- **Release confidence**: Did we catch issues before release?
+- **Developer friction**: Does strict checking slow development?
+
+## Success Criteria
+
+This post-mortem is successful when:
+- ✅ CI blocks releases with type errors
+- ✅ `pnpm typecheck` is part of standard workflow
+- ✅ Developers run typecheck before PRs
+- ✅ Zero type-related release failures for 3 months
+- ✅ Release checklist is documented and followed
+
+## References
+
+- [TypeScript Handbook - Type Checking](https://www.typescriptlang.org/docs/handbook/2/basic-types.html)
+- [Turbo: Type Checking in Monorepos](https://turbo.build/repo/docs/handbook/linting)
+- [GitHub Actions: Required Status Checks](https://docs.github.com/en/repositories/configuring-branches-and-merges-in-your-repository/defining-the-mergeability-of-pull-requests/about-protected-branches#require-status-checks-before-merging)
+
+## Conclusion
+
+This was a **preventable failure** caused by process gaps, not technical limitations. The fix is straightforward:
+
+1. **Always run `pnpm typecheck` before releasing**
+2. **Add typecheck to CI/CD pipeline**
+3. **Document and follow release checklist**
+
+The tools exist, we just need to use them consistently. This post-mortem serves as both documentation and action plan to ensure this never happens again.

package/dist/standalone/specs/101-sidebar-scroll-position-drift/README.md

@@ -0,0 +1,100 @@
+---
+status: complete
+created: '2025-11-17'
+tags: []
+priority: high
+created_at: '2025-11-17T14:22:14.161Z'
+updated_at: '2025-11-17T14:54:01.282Z'
+completed_at: '2025-11-17T14:54:01.282Z'
+completed: '2025-11-17'
+transitions:
+  - status: complete
+    at: '2025-11-17T14:54:01.282Z'
+---
+
+# Fix Sidebar Scroll Position Drift
+
+> **Status**: ✅ Complete · **Priority**: High · **Created**: 2025-11-17
+
+**Project**: lean-spec  
+**Team**: Core Development
+
+## Overview
+
+The specs navigation sidebar in the web package experiences scroll position drift when navigating between specs. The list jumps or loses its scroll position during navigation, causing poor UX especially with large spec lists.
+
+**Root Cause**: Multiple performance optimization attempts revealed the issue stems from:
+1. Store design causing unnecessary re-renders - `updateSidebarScrollTop` spreads state, triggering all subscribers even when only `scrollTop` changes
+2. Component subscribing to entire store state rather than specific slices
+3. `cachedSpecs` creating new references on every render before memoization
+4. Complex interaction between react-window's internal scroll management and external state updates
+
+**Why Now**: This affects daily workflow navigation and has resisted multiple quick fixes. Needs proper investigation and testing.
+
+## Design
+
+### Investigation Completed
+- Verified React 19 `useSyncExternalStore` requirements: unstable server snapshot references were causing infinite loops
+- Determined global store broadcasts on every scroll write were the primary source of drift
+- Confirmed `react-window` retains internal scroll state reliably when left to manage DOM scroll positions
+- Observed that auto-anchoring logic was running too late, producing flicker during hydration
+
+### Final Approach
+1. **Selector-driven store reads** – keep existing selector hooks but ensure server snapshots are stable constants
+2. **Isolate scroll persistence** – keep global persistence value, but stop emitting change events when the value updates
+3. **Component-local scroll management** – mirror scrollTop in refs, throttle writes with `requestAnimationFrame`, and restore via `useIsomorphicLayoutEffect`
+4. **Controlled auto-anchoring** – only scroll the virtual list on the first render (when no stored offset exists) and guard future attempts with refs
+
+### Current Optimizations Applied
+- Wrapped List in React.memo
+- Memoized RowComponent with useCallback
+- Memoized cachedSpecs
+- Added selector-based store hooks (useSpecsSidebarSpecs, useSpecsSidebarActiveSpec)
+- Separate listener sets per state slice
+
+## Plan
+
+- [ ] Add detailed logging to track re-render causes (component, store, props changes)
+- [x] Profile with React DevTools to identify actual render triggers
+- [x] Test removing all scroll management code to establish baseline behavior (browser-managed scroll proved stable)
+- [x] Implement proper selector pattern with verified render prevention
+- [x] Test with large spec lists (100+ items) to verify performance
+- [x] Document final solution and architecture decision
+
+### Implementation Summary
+
+- Updated `useSyncExternalStore` server snapshot for specs to return a memoized empty array, eliminating React 19 infinite-loop warnings.
+- Prevented `updateSidebarScrollTop` from emitting global store changes so unrelated subscribers no longer re-render on scroll.
+- Added scroll persistence effect in `SpecsNavSidebar` that restores the cached offset via `useIsomorphicLayoutEffect` and throttled listeners.
+- Introduced guarded auto-anchoring that only runs on the initial render when no stored offset exists, ensuring refreshed pages center the active spec without affecting later interactions.
+- Added retry logic for auto-anchoring to wait until the virtualized list ref is ready, removing flicker.
+
+### Validation
+
+- Navigating between specs preserves scroll position without jumps.
+- Filtering, collapsing, and mobile toggles retain the current offset.
+- Rapid spec changes and scrolling back to the top no longer trigger downward drift.
+- Browser refresh loads with the active spec centered when no previous scroll position was saved.
+- Large spec lists (>100 entries) scroll smoothly with no lag or unexpected reflows.
+
+## Test
+
+- [x] Navigate between specs - scroll position should remain stable
+- [x] Filter specs while scrolled - list should not jump
+- [x] Open/close mobile sidebar - no scroll position loss
+- [x] Rapid navigation (click multiple specs quickly) - no drift or jumping
+- [x] Large spec lists (100+) - smooth scrolling without lag
+- [x] Browser refresh - reasonable scroll restoration behavior
+
+## Notes
+
+**Attempted Fixes (Session 1)**:
+- Removed scroll restoration on navigation
+- Removed scroll tracking callbacks
+- Wrapped List in memo
+- Memoized cachedSpecs to prevent reference changes
+- Implemented selector-based store subscriptions
+
+**Key Learning**: The issue persisted despite multiple optimizations, suggesting the problem is architectural rather than a simple memoization issue. The store design fundamentally causes re-renders when any state changes, even with selector hooks.
+
+**Next Steps**: Monitor for regressions when introducing future sidebar features (e.g., grouping, pinning). Add logging only if new drift reports appear.

package/package.json

@@ -1,16 +1,18 @@
 {
   "name": "@leanspec/ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "LeanSpec web UI launcher for visual spec management",
   "type": "module",
-  "bin": "./bin/ui.js",
+  "bin": {
+    "leanspec-ui": "./bin/ui.js"
+  },
   "scripts": {
     "build": "node ./scripts/prepare-dist.mjs",
     "prepublishOnly": "pnpm run build"
   },
   "files": [
     "bin/",
-    "dist/",
+    "dist/standalone/",
     "README.md",
     "LICENSE"
   ],

package/dist/BUILD_ID

@@ -1 +0,0 @@
-Z_BxkB0KJViCNbULN1S5p

package/dist/static/chunks/a3e649fcddd3d715.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,22764,e=>{"use strict";let t=(0,e.i(22436).default)("list",[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]]);e.s(["List",()=>t],22764)},28954,(e,t,r)=>{e.e,t.exports=function(){"use strict";var e="millisecond",t="second",r="minute",s="hour",n="week",i="month",a="quarter",l="year",o="date",c="Invalid Date",u=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,d=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h=function(e,t,r){var s=String(e);return!s||s.length>=t?e:""+Array(t+1-s.length).join(r)+e},f="en",m={};m[f]={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],r=e%100;return"["+e+(t[(r-20)%10]||t[r]||t[0])+"]"}};var p="$isDayjsObject",x=function(e){return e instanceof y||!(!e||!e[p])},g=function e(t,r,s){var n;if(!t)return f;if("string"==typeof t){var i=t.toLowerCase();m[i]&&(n=i),r&&(m[i]=r,n=i);var a=t.split("-");if(!n&&a.length>1)return e(a[0])}else{var l=t.name;m[l]=t,n=l}return!s&&n&&(f=n),n||!s&&f},v=function(e,t){if(x(e))return e.clone();var r="object"==typeof t?t:{};return r.date=e,r.args=arguments,new y(r)},S={s:h,z:function(e){var t=-e.utcOffset(),r=Math.abs(t);return(t<=0?"+":"-")+h(Math.floor(r/60),2,"0")+":"+h(r%60,2,"0")},m:function e(t,r){if(t.date()<r.date())return-e(r,t);var s=12*(r.year()-t.year())+(r.month()-t.month()),n=t.clone().add(s,i),a=r-n<0,l=t.clone().add(s+(a?-1:1),i);return+(-(s+(r-n)/(a?n-l:l-n))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(c){return({M:i,y:l,w:n,d:"day",D:o,h:s,m:r,s:t,ms:e,Q:a})[c]||String(c||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}};S.l=g,S.i=x,S.w=function(e,t){return v(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var y=function(){function h(e){this.$L=g(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[p]=!0}var f=h.prototype;return f.parse=function(e){this.$d=function(e){var t=e.date,r=e.utc;if(null===t)return new Date(NaN);if(S.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var s=t.match(u);if(s){var n=s[2]-1||0,i=(s[7]||"0").substring(0,3);return r?new Date(Date.UTC(s[1],n,s[3]||1,s[4]||0,s[5]||0,s[6]||0,i)):new Date(s[1],n,s[3]||1,s[4]||0,s[5]||0,s[6]||0,i)}}return new Date(t)}(e),this.init()},f.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},f.$utils=function(){return S},f.isValid=function(){return this.$d.toString()!==c},f.isSame=function(e,t){var r=v(e);return this.startOf(t)<=r&&r<=this.endOf(t)},f.isAfter=function(e,t){return v(e)<this.startOf(t)},f.isBefore=function(e,t){return this.endOf(t)<v(e)},f.$g=function(e,t,r){return S.u(e)?this[t]:this.set(r,e)},f.unix=function(){return Math.floor(this.valueOf()/1e3)},f.valueOf=function(){return this.$d.getTime()},f.startOf=function(e,a){var c=this,u=!!S.u(a)||a,d=S.p(e),h=function(e,t){var r=S.w(c.$u?Date.UTC(c.$y,t,e):new Date(c.$y,t,e),c);return u?r:r.endOf("day")},f=function(e,t){return S.w(c.toDate()[e].apply(c.toDate("s"),(u?[0,0,0,0]:[23,59,59,999]).slice(t)),c)},m=this.$W,p=this.$M,x=this.$D,g="set"+(this.$u?"UTC":"");switch(d){case l:return u?h(1,0):h(31,11);case i:return u?h(1,p):h(0,p+1);case n:var v=this.$locale().weekStart||0,y=(m<v?m+7:m)-v;return h(u?x-y:x+(6-y),p);case"day":case o:return f(g+"Hours",0);case s:return f(g+"Minutes",1);case r:return f(g+"Seconds",2);case t:return f(g+"Milliseconds",3);default:return this.clone()}},f.endOf=function(e){return this.startOf(e,!1)},f.$set=function(n,a){var c,u=S.p(n),d="set"+(this.$u?"UTC":""),h=((c={}).day=d+"Date",c[o]=d+"Date",c[i]=d+"Month",c[l]=d+"FullYear",c[s]=d+"Hours",c[r]=d+"Minutes",c[t]=d+"Seconds",c[e]=d+"Milliseconds",c)[u],f="day"===u?this.$D+(a-this.$W):a;if(u===i||u===l){var m=this.clone().set(o,1);m.$d[h](f),m.init(),this.$d=m.set(o,Math.min(this.$D,m.daysInMonth())).$d}else h&&this.$d[h](f);return this.init(),this},f.set=function(e,t){return this.clone().$set(e,t)},f.get=function(e){return this[S.p(e)]()},f.add=function(e,a){var o,c=this;e=Number(e);var u=S.p(a),d=function(t){var r=v(c);return S.w(r.date(r.date()+Math.round(t*e)),c)};if(u===i)return this.set(i,this.$M+e);if(u===l)return this.set(l,this.$y+e);if("day"===u)return d(1);if(u===n)return d(7);var h=((o={})[r]=6e4,o[s]=36e5,o[t]=1e3,o)[u]||1,f=this.$d.getTime()+e*h;return S.w(f,this)},f.subtract=function(e,t){return this.add(-1*e,t)},f.format=function(e){var t=this,r=this.$locale();if(!this.isValid())return r.invalidDate||c;var s=e||"YYYY-MM-DDTHH:mm:ssZ",n=S.z(this),i=this.$H,a=this.$m,l=this.$M,o=r.weekdays,u=r.months,h=r.meridiem,f=function(e,r,n,i){return e&&(e[r]||e(t,s))||n[r].slice(0,i)},m=function(e){return S.s(i%12||12,e,"0")},p=h||function(e,t,r){var s=e<12?"AM":"PM";return r?s.toLowerCase():s};return s.replace(d,function(e,s){return s||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return S.s(t.$y,4,"0");case"M":return l+1;case"MM":return S.s(l+1,2,"0");case"MMM":return f(r.monthsShort,l,u,3);case"MMMM":return f(u,l);case"D":return t.$D;case"DD":return S.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return f(r.weekdaysMin,t.$W,o,2);case"ddd":return f(r.weekdaysShort,t.$W,o,3);case"dddd":return o[t.$W];case"H":return String(i);case"HH":return S.s(i,2,"0");case"h":return m(1);case"hh":return m(2);case"a":return p(i,a,!0);case"A":return p(i,a,!1);case"m":return String(a);case"mm":return S.s(a,2,"0");case"s":return String(t.$s);case"ss":return S.s(t.$s,2,"0");case"SSS":return S.s(t.$ms,3,"0");case"Z":return n}return null}(e)||n.replace(":","")})},f.utcOffset=function(){return-(15*Math.round(this.$d.getTimezoneOffset()/15))},f.diff=function(e,o,c){var u,d=this,h=S.p(o),f=v(e),m=(f.utcOffset()-this.utcOffset())*6e4,p=this-f,x=function(){return S.m(d,f)};switch(h){case l:u=x()/12;break;case i:u=x();break;case a:u=x()/3;break;case n:u=(p-m)/6048e5;break;case"day":u=(p-m)/864e5;break;case s:u=p/36e5;break;case r:u=p/6e4;break;case t:u=p/1e3;break;default:u=p}return c?u:S.a(u)},f.daysInMonth=function(){return this.endOf(i).$D},f.$locale=function(){return m[this.$L]},f.locale=function(e,t){if(!e)return this.$L;var r=this.clone(),s=g(e,t,!0);return s&&(r.$L=s),r},f.clone=function(){return S.w(this.$d,this)},f.toDate=function(){return new Date(this.valueOf())},f.toJSON=function(){return this.isValid()?this.toISOString():null},f.toISOString=function(){return this.$d.toISOString()},f.toString=function(){return this.$d.toUTCString()},h}(),b=y.prototype;return v.prototype=b,[["$ms",e],["$s",t],["$m",r],["$H",s],["$W","day"],["$M",i],["$y",l],["$D",o]].forEach(function(e){b[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),v.extend=function(e,t){return e.$i||(e(t,y,v),e.$i=!0),v},v.locale=g,v.isDayjs=x,v.unix=function(e){return v(1e3*e)},v.en=m[f],v.Ls=m,v.p={},v}()},12437,(e,t,r)=>{e.e,t.exports=function(e,t,r){e=e||{};var s=t.prototype,n={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(e,t,r,n){return s.fromToBase(e,t,r,n)}r.en.relativeTime=n,s.fromToBase=function(t,s,i,a,l){for(var o,c,u,d=i.$locale().relativeTime||n,h=e.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],f=h.length,m=0;m<f;m+=1){var p=h[m];p.d&&(o=a?r(t).diff(i,p.d,!0):i.diff(t,p.d,!0));var x=(e.rounding||Math.round)(Math.abs(o));if(u=o>0,x<=p.r||!p.r){x<=1&&m>0&&(p=h[m-1]);var g=d[p.l];l&&(x=l(""+x)),c="string"==typeof g?g.replace("%d",x):g(x,s,p.l,u);break}}if(s)return c;var v=u?d.future:d.past;return"function"==typeof v?v(c):v.replace("%s",c)},s.to=function(e,t){return i(e,t,this,!0)},s.from=function(e,t){return i(e,t,this)};var a=function(e){return e.$u?r.utc():r()};s.toNow=function(e){return this.to(a(this),e)},s.fromNow=function(e){return this.from(a(this),e)}}},3622,34153,12542,e=>{"use strict";var t=e.i(90022),r=e.i(31231),s=e.i(87985);let n="u">typeof window?r.useLayoutEffect:r.useEffect;function i(e){if(void 0!==e)switch(typeof e){case"number":return e;case"string":if(e.endsWith("px"))return parseFloat(e)}}let a=null;function l({containerElement:e,direction:t,isRtl:r,scrollOffset:s}){if("horizontal"===t&&r)switch(function(e=!1){if(null===a||e){let e=document.createElement("div"),t=e.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";let r=document.createElement("div"),s=r.style;return s.width="100px",s.height="100px",e.appendChild(r),document.body.appendChild(e),e.scrollLeft>0?a="positive-descending":(e.scrollLeft=1,a=0===e.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(e),a}return a}()){case"negative":return-s;case"positive-descending":if(e){let{clientWidth:t,scrollLeft:r,scrollWidth:s}=e;return s-t-r}}return s}function o(e,t="Assertion error"){if(!e)throw console.error(t),Error(t)}function c(e,t){if(e===t)return!0;if(!!e!=!!t||(o(void 0!==e),o(void 0!==t),Object.keys(e).length!==Object.keys(t).length))return!1;for(let r in e)if(!Object.is(t[r],e[r]))return!1;return!0}function u({cachedBounds:e,itemCount:t,itemSize:r}){if(0===t)return 0;if("number"==typeof r)return t*r;{let r=e.get(0===e.size?0:e.size-1);return o(void 0!==r,"Unexpected bounds cache miss"),t*((r.scrollOffset+r.size)/e.size)}}function d({cachedBounds:e,containerScrollOffset:t,containerSize:r,itemCount:s,overscanCount:n}){let i=s-1,a=0,l=-1,o=0,c=-1,u=0;for(;u<i;){let r=e.get(u);if(r.scrollOffset+r.size>t)break;u++}for(o=Math.max(0,(a=u)-n);u<i;){let s=e.get(u);if(s.scrollOffset+s.size>=t+r)break;u++}return c=Math.min(s-1,(l=Math.min(i,u))+n),a<0&&(a=0,l=-1,o=0,c=-1),{startIndexVisible:a,stopIndexVisible:l,startIndexOverscan:o,stopIndexOverscan:c}}function h(e,t){let{ariaAttributes:r,style:s,...n}=e,{ariaAttributes:i,style:a,...l}=t;return c(r,i)&&c(s,a)&&c(n,l)}function f({children:e,className:s,defaultHeight:a=0,listRef:f,onResize:m,onRowsRendered:p,overscanCount:x=3,rowComponent:g,rowCount:v,rowHeight:S,rowProps:y,tagName:b="div",style:w,...j}){let $=(0,r.useMemo)(()=>y,Object.values(y)),M=(0,r.useMemo)(()=>(0,r.memo)(g,h),[g]),[N,C]=(0,r.useState)(null),I=null!=S&&"object"==typeof S&&"getAverageRowHeight"in S&&"function"==typeof S.getAverageRowHeight,{getCellBounds:z,getEstimatedSize:O,scrollToIndex:T,startIndexOverscan:k,startIndexVisible:D,stopIndexOverscan:R,stopIndexVisible:E}=function({containerElement:e,containerStyle:t,defaultContainerSize:s=0,direction:a,isRtl:h=!1,itemCount:f,itemProps:m,itemSize:p,onResize:x,overscanCount:g}){var v;let S,[y,b]=(0,r.useState)({startIndexVisible:0,startIndexOverscan:0,stopIndexVisible:-1,stopIndexOverscan:-1}),{startIndexVisible:w,startIndexOverscan:j,stopIndexVisible:$,stopIndexOverscan:M}={startIndexVisible:Math.min(f-1,y.startIndexVisible),startIndexOverscan:Math.min(f-1,y.startIndexOverscan),stopIndexVisible:Math.min(f-1,y.stopIndexVisible),stopIndexOverscan:Math.min(f-1,y.stopIndexOverscan)},{height:N=s,width:C=s}=function({box:e,defaultHeight:t,defaultWidth:s,disabled:a,element:l,mode:o,style:c}){let{styleHeight:u,styleWidth:d}=(0,r.useMemo)(()=>({styleHeight:i(c?.height),styleWidth:i(c?.width)}),[c?.height,c?.width]),[h,f]=(0,r.useState)({height:t,width:s}),m=a||"only-height"===o&&void 0!==u||"only-width"===o&&void 0!==d||void 0!==u&&void 0!==d;return n(()=>{if(null===l||m)return;let t=new ResizeObserver(e=>{for(let t of e){let{contentRect:e,target:r}=t;l===r&&f(t=>t.height===e.height&&t.width===e.width?t:{height:e.height,width:e.width})}});return t.observe(l,{box:e}),()=>{t?.unobserve(l)}},[e,m,l,u,d]),(0,r.useMemo)(()=>({height:u??h.height,width:d??h.width}),[h,u,d])}({defaultHeight:"vertical"===a?s:void 0,defaultWidth:"horizontal"===a?s:void 0,element:e,mode:"vertical"===a?"only-height":"only-width",style:t}),I=(0,r.useRef)({height:0,width:0}),z="vertical"===a?N:C,O=function({containerSize:e,itemSize:t}){let r;return"string"==typeof t?(o(t.endsWith("%"),`Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`),o(void 0!==e,"Container size must be defined if a percentage item size is specified"),r=e*parseInt(t)/100):r=t,r}({containerSize:z,itemSize:p});(0,r.useLayoutEffect)(()=>{if("function"==typeof x){let e=I.current;(e.height!==N||e.width!==C)&&(x({height:N,width:C},{...e}),e.height=N,e.width=C)}},[N,x,C]);let T=function({itemCount:e,itemProps:t,itemSize:s}){return(0,r.useMemo)(()=>(function({itemCount:e,itemProps:t,itemSize:r}){let s=new Map;return{get(n){for(o(n<e,`Invalid index ${n}`);s.size-1<n;){let e,i=s.size;switch(typeof r){case"function":e=r(i,t);break;case"number":e=r}if(0===i)s.set(i,{size:e,scrollOffset:0});else{let t=s.get(i-1);o(void 0!==t,`Unexpected bounds cache miss for index ${n}`),s.set(i,{scrollOffset:t.scrollOffset+t.size,size:e})}}let i=s.get(n);return o(void 0!==i,`Unexpected bounds cache miss for index ${n}`),i},set(e,t){s.set(e,t)},get size(){return s.size}}})({itemCount:e,itemProps:t,itemSize:s}),[e,t,s])}({itemCount:f,itemProps:m,itemSize:O}),k=(0,r.useCallback)(e=>T.get(e),[T]),D=(0,r.useCallback)(()=>u({cachedBounds:T,itemCount:f,itemSize:O}),[T,f,O]),R=(0,r.useCallback)(t=>d({cachedBounds:T,containerScrollOffset:l({containerElement:e,direction:a,isRtl:h,scrollOffset:t}),containerSize:z,itemCount:f,overscanCount:g}),[T,e,z,a,h,f,g]);return n(()=>{b(R(("vertical"===a?e?.scrollTop:e?.scrollLeft)??0))},[e,a,R]),n(()=>{if(!e)return;let t=()=>{b(t=>{let{scrollLeft:r,scrollTop:s}=e,n=d({cachedBounds:T,containerScrollOffset:l({containerElement:e,direction:a,isRtl:h,scrollOffset:"vertical"===a?s:r}),containerSize:z,itemCount:f,overscanCount:g});return c(n,t)?t:n})};return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}},[T,e,z,a,f,g]),{getCellBounds:k,getEstimatedSize:D,scrollToIndex:(v=({align:t="auto",containerScrollOffset:r,index:s})=>{let n=function({align:e,cachedBounds:t,index:r,itemCount:s,itemSize:n,containerScrollOffset:i,containerSize:a}){if(r<0||r>=s)throw RangeError(`Invalid index specified: ${r}`,{cause:`Index ${r} is not within the range of 0 - ${s-1}`});let l=u({cachedBounds:t,itemCount:s,itemSize:n}),o=t.get(r),c=Math.max(0,Math.min(l-a,o.scrollOffset)),d=Math.max(0,o.scrollOffset-a+o.size);switch("smart"===e&&(e=i>=d&&i<=c?"auto":"center"),e){case"start":return c;case"end":return d;case"center":return o.scrollOffset<=a/2?0:o.scrollOffset+o.size/2>=l-a/2?l-a:o.scrollOffset+o.size/2-a/2;default:return i>=d&&i<=c?i:i<d?d:c}}({align:t,cachedBounds:T,containerScrollOffset:r,containerSize:z,index:s,itemCount:f,itemSize:O});if(e){if(n=l({containerElement:e,direction:a,isRtl:h,scrollOffset:n}),"function"!=typeof e.scrollTo){let e=R(n);c(y,e)||b(e)}return n}},S=(0,r.useRef)(()=>{throw Error("Cannot call during render.")}),n(()=>{S.current=v},[v]),(0,r.useCallback)(e=>S.current?.(e),[S])),startIndexOverscan:j,startIndexVisible:w,stopIndexOverscan:M,stopIndexVisible:$}}({containerElement:N,containerStyle:w,defaultContainerSize:a,direction:"vertical",itemCount:v,itemProps:$,itemSize:(0,r.useMemo)(()=>I?e=>S.getRowHeight(e)??S.getAverageRowHeight():S,[I,S]),onResize:m,overscanCount:x});(0,r.useImperativeHandle)(f,()=>({get element(){return N},scrollToRow({align:e="auto",behavior:t="auto",index:r}){let s=T({align:e,containerScrollOffset:N?.scrollTop??0,index:r});"function"==typeof N?.scrollTo&&N.scrollTo({behavior:t,top:s})}}),[N,T]),n(()=>{if(!N)return;let e=Array.from(N.children).filter((e,t)=>{if(e.hasAttribute("aria-hidden"))return!1;let r=`${k+t}`;return e.setAttribute("data-react-window-index",r),!0});if(I)return S.observeRowElements(e)},[N,I,S,k,R]),(0,r.useEffect)(()=>{k>=0&&R>=0&&p&&p({startIndex:D,stopIndex:E},{startIndex:k,stopIndex:R})},[p,k,D,R,E]);let A=(0,r.useMemo)(()=>{let e=[];if(v>0)for(let t=k;t<=R;t++){let s=z(t);e.push((0,r.createElement)(M,{...$,ariaAttributes:{"aria-posinset":t+1,"aria-setsize":v,role:"listitem"},key:t,index:t,style:{position:"absolute",left:0,transform:`translateY(${s.scrollOffset}px)`,height:I?void 0:s.size,width:"100%"}}))}return e},[M,z,I,v,$,k,R]),H=(0,t.jsx)("div",{"aria-hidden":!0,style:{height:O(),width:"100%",zIndex:-1}});return(0,r.createElement)(b,{role:"list",...j,className:s,ref:C,style:{position:"relative",maxHeight:"100%",flexGrow:1,overflowY:"auto",...w}},A,e,H)}r.useState,r.useRef,r.useState,r.useRef;var m=e.i(329),p=e.i(58362),x=e.i(25761),g=e.i(44021),v=e.i(22764);let S=(0,e.i(22436).default)("funnel",[["path",{d:"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",key:"sc7q7i"}]]);var y=e.i(81622),b=e.i(60218),w=e.i(71840),j=e.i(38322),$=e.i(46131),M=e.i(65458),N=e.i(35179),C=e.i(28954),I=e.i(12437);function z(e){return e?(0,C.default)(e).fromNow():"Unknown"}function O(e,t){if(!e||!t)return"";let r=(0,C.default)(e),s=(0,C.default)(t).diff(r);if(s<0)return"";let n=Math.floor(s/864e5),i=Math.floor(s%864e5/36e5);if(0===n&&0===i){let e=Math.floor(s%36e5/6e4);return 0===e?"< 1m":`${e}m`}if(0===n)return`${i}h`;if(n<30)return i>0?`${n}d ${i}h`:`${n}d`;let a=Math.floor(n/30),l=n%30;if(a<12)return l>0?`${a}mo ${l}d`:`${a}mo`;let o=Math.floor(a/12),c=a%12;return c>0?`${o}y ${c}mo`:`${o}y`}C.default.extend(I.default),e.s(["formatDuration",()=>O,"formatRelativeTime",()=>z],34153);let T={specs:[],signature:null,scrollTop:0,activeSpecId:null},k=new Set;function D(){for(let e of k)e()}function R(e){return k.add(e),()=>{k.delete(e)}}function E(){return T}function A(){return(0,r.useSyncExternalStore)(R,E,()=>T)}function H(e){if(0===e.length)return;let t=e.map(e=>[e.id,e.specNumber??"",e.title??"",e.status??"",e.priority??"",e.updatedAt?new Date(e.updatedAt).getTime():0].join(":")).join("|");t!==T.signature&&(T={...T,specs:e,signature:t},D())}function L(e){T.activeSpecId!==e&&(T={...T,activeSpecId:e},D())}function B(e){1>Math.abs(e-T.scrollTop)||(T={...T,scrollTop:e},D())}function V({initialSpecs:e=[],currentSpecId:n,currentSubSpec:i,onSpecHover:a}){let[l,o]=r.useState(""),[c,u]=r.useState("all"),[d,h]=r.useState("all"),[C,I]=r.useState("all"),[O,T]=r.useState(!1),[k,D]=r.useState(()=>"true"===localStorage.getItem("specs-nav-sidebar-collapsed")),[R,E]=r.useState(!1),[H,L]=r.useState(!1),V=r.useRef(null),P=r.useRef(null),_=r.useRef(null),W=A(),Y=W.specs.length>0?W.specs:e,U=n||W.activeSpecId||"",F=W.scrollTop;r.useEffect(()=>{L(!0)},[]),r.useEffect(()=>{document.documentElement.style.setProperty("--specs-nav-sidebar-width",k?"0px":"280px"),localStorage.setItem("specs-nav-sidebar-collapsed",String(k))},[k]),r.useEffect(()=>{E(!1)},[U,i]),r.useLayoutEffect(()=>{P.current&&Math.abs(P.current.scrollTop-F)>1&&(P.current.scrollTop=F)},[F]),r.useEffect(()=>(window.toggleSpecsSidebar=()=>E(e=>!e),()=>{window.toggleSpecsSidebar=void 0}),[]),r.useEffect(()=>{if(V.current){let e=V.current,t=e.closest(".overflow-y-auto");if(t){let r=e.getBoundingClientRect(),s=t.getBoundingClientRect();r.top>=s.top&&r.bottom<=s.bottom||e.scrollIntoView({behavior:"smooth",block:"center"})}}},[n,i]);let J=r.useMemo(()=>{let e=Y;if(l){let t=l.toLowerCase();e=e.filter(e=>e.title?.toLowerCase().includes(t)||e.specName.toLowerCase().includes(t)||e.specNumber?.toString().includes(t))}return"all"!==c&&(e=e.filter(e=>e.status===c)),"all"!==d&&(e=e.filter(e=>e.priority===d)),"all"!==C&&(e=e.filter(e=>e.tags?.includes(C))),e},[Y,l,c,d,C]),Z=r.useMemo(()=>{let e=new Set;return Y.forEach(t=>{t.tags?.forEach(t=>e.add(t))}),Array.from(e).sort()},[Y]),q="all"!==c||"all"!==d||"all"!==C,K=r.useMemo(()=>[...J].sort((e,t)=>(t.specNumber||0)-(e.specNumber||0)),[J]),G=r.useCallback(()=>{_.current||(_.current=window.requestAnimationFrame(()=>{_.current=null,P.current&&B(P.current.scrollTop)}))},[]),Q=r.useCallback(e=>{let{index:r,style:n}=e,l=K[r],o=l.id===U,c=(l.contentMd?(0,M.extractH1Title)(l.contentMd):null)||l.title||l.specName;return(0,t.jsx)("div",{style:n,className:"px-1",children:(0,t.jsx)("div",{className:"mb-0.5",children:(0,t.jsx)("div",{className:"flex items-center gap-0.5",children:(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{asChild:!0,children:(0,t.jsxs)(s.default,{ref:o&&!i?V:null,href:`/specs/${l.specNumber||l.id}`,onMouseEnter:()=>a?.(l.specNumber?.toString()||l.id),className:(0,M.cn)("w-full flex flex-col gap-1 p-1.5 rounded-md text-sm transition-colors",o?"bg-accent text-accent-foreground font-medium":"hover:bg-accent/50"),children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[l.specNumber&&(0,t.jsxs)("span",{className:"text-xs font-mono text-muted-foreground shrink-0",children:["#",l.specNumber.toString().padStart(3,"0")]}),(0,t.jsx)("span",{className:"truncate text-xs leading-relaxed",children:c})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5 flex-wrap",children:[l.status&&(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("div",{children:(0,t.jsx)(w.StatusBadge,{status:l.status,iconOnly:!0,className:"text-[10px] scale-90"})})}),(0,t.jsx)(j.TooltipContent,{side:"right",children:(0,w.getStatusLabel)(l.status)})]}),l.priority&&(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("div",{children:(0,t.jsx)(N.PriorityBadge,{priority:l.priority,iconOnly:!0,className:"text-[10px] scale-90"})})}),(0,t.jsx)(j.TooltipContent,{side:"right",children:(0,N.getPriorityLabel)(l.priority)})]}),l.updatedAt&&(0,t.jsx)("span",{className:"text-[10px] text-muted-foreground",children:z(l.updatedAt)})]})]})}),(0,t.jsx)(j.TooltipContent,{side:"right",className:"max-w-[300px]",children:(0,t.jsxs)("div",{className:"space-y-1",children:[(0,t.jsx)("div",{className:"font-semibold",children:c}),(0,t.jsx)("div",{className:"text-xs text-muted-foreground",children:l.specName})]})})]})})})})},[K,U,i,a]),X=r.useMemo(()=>window.innerHeight-56-180,[]),ee=r.useMemo(()=>K.findIndex(e=>e.id===U),[K,U]),et=r.useRef(null);return r.useEffect(()=>{et.current&&ee>=0&&et.current.scrollToRow({index:ee,align:"center",behavior:"smooth"})},[ee]),(0,t.jsxs)(j.TooltipProvider,{delayDuration:700,children:[R&&(0,t.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 lg:hidden",onClick:()=>E(!1)}),(0,t.jsxs)("div",{className:"relative flex-shrink-0",children:[(0,t.jsxs)("aside",{className:(0,M.cn)("sticky top-14 h-[calc(100vh-3.5rem)] border-r border-border bg-background flex flex-col overflow-hidden transition-all duration-300","hidden lg:flex",H&&k?"lg:w-0 lg:border-r-0":"lg:w-[280px]",R&&"fixed left-0 top-14 z-50 flex w-[280px]"),children:[(0,t.jsxs)("div",{className:"p-4 border-b border-border",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsx)("h2",{className:"font-semibold text-sm",children:"Specifications"}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{asChild:!0,children:(0,t.jsx)(b.Button,{variant:O||q?"default":"ghost",size:"sm",onClick:()=>T(!O),className:"h-6 w-6 p-0",children:(0,t.jsx)(S,{className:"h-4 w-4"})})}),(0,t.jsx)(j.TooltipContent,{side:"bottom",children:O?"Hide filters":"Show filters"})]}),(0,t.jsx)(b.Button,{variant:"ghost",size:"sm",onClick:()=>E(!1),className:"h-6 w-6 p-0 lg:hidden",children:(0,t.jsx)(g.X,{className:"h-4 w-4"})}),(0,t.jsx)(b.Button,{variant:"ghost",size:"sm",onClick:()=>D(!0),className:"h-6 w-6 p-0 hidden lg:flex lg:items-center lg:justify-center",children:(0,t.jsx)(p.ChevronLeft,{className:"h-4 w-4"})})]})]}),O&&(0,t.jsxs)("div",{className:"space-y-2 mb-3 pb-3 border-b border-border",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:"Filters"}),q&&(0,t.jsx)(b.Button,{variant:"ghost",size:"sm",onClick:()=>{u("all"),h("all"),I("all")},className:"h-5 text-xs px-2 py-0",children:"Clear"})]}),(0,t.jsxs)($.Select,{value:c,onValueChange:u,children:[(0,t.jsx)($.SelectTrigger,{className:"h-8 text-xs",children:(0,t.jsx)($.SelectValue,{placeholder:"Status"})}),(0,t.jsxs)($.SelectContent,{children:[(0,t.jsx)($.SelectItem,{value:"all",children:"All Status"}),(0,t.jsx)($.SelectItem,{value:"planned",children:"Planned"}),(0,t.jsx)($.SelectItem,{value:"in-progress",children:"In Progress"}),(0,t.jsx)($.SelectItem,{value:"complete",children:"Complete"}),(0,t.jsx)($.SelectItem,{value:"archived",children:"Archived"})]})]}),(0,t.jsxs)($.Select,{value:d,onValueChange:h,children:[(0,t.jsx)($.SelectTrigger,{className:"h-8 text-xs",children:(0,t.jsx)($.SelectValue,{placeholder:"Priority"})}),(0,t.jsxs)($.SelectContent,{children:[(0,t.jsx)($.SelectItem,{value:"all",children:"All Priority"}),(0,t.jsx)($.SelectItem,{value:"low",children:"Low"}),(0,t.jsx)($.SelectItem,{value:"medium",children:"Medium"}),(0,t.jsx)($.SelectItem,{value:"high",children:"High"}),(0,t.jsx)($.SelectItem,{value:"critical",children:"Critical"})]})]}),Z.length>0&&(0,t.jsxs)($.Select,{value:C,onValueChange:I,children:[(0,t.jsx)($.SelectTrigger,{className:"h-8 text-xs",children:(0,t.jsx)($.SelectValue,{placeholder:"Tag"})}),(0,t.jsxs)($.SelectContent,{children:[(0,t.jsx)($.SelectItem,{value:"all",children:"All Tags"}),Z.map(e=>(0,t.jsx)($.SelectItem,{value:e,children:e},e))]})]})]}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(m.Search,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),(0,t.jsx)(y.Input,{placeholder:"Search specs...",value:l,onChange:e=>o(e.target.value),className:"pl-8 h-9 border-border"})]})]}),(0,t.jsx)("div",{ref:P,className:"flex-1 overflow-y-auto overflow-x-hidden",onScroll:G,children:0===K.length?(0,t.jsx)("div",{className:"text-center py-8 text-sm text-muted-foreground",children:"No specs found"}):(0,t.jsx)(f,{listRef:et,defaultHeight:X,rowCount:K.length,rowHeight:72,overscanCount:5,rowComponent:Q,rowProps:{}})})]}),H&&k&&(0,t.jsx)(b.Button,{variant:"ghost",size:"sm",onClick:()=>D(!1),className:"hidden lg:items-center lg:justify-center lg:flex h-6 w-6 p-0 fixed z-50 top-20 -translate-y-1 -translate-x-1/2 left-[calc(var(--main-sidebar-width,240px))] bg-background border",children:(0,t.jsx)(x.ChevronRight,{className:"h-4 w-4"})}),(0,t.jsx)(b.Button,{onClick:()=>E(!0),size:"icon",className:"lg:hidden fixed bottom-6 left-6 h-12 w-12 rounded-full shadow-lg z-40 hover:scale-110 transition-transform","aria-label":"Show specifications list",children:(0,t.jsx)(v.List,{className:"h-5 w-5"})})]})]})}e.s(["primeSpecsSidebar",()=>H,"setActiveSidebarSpec",()=>L,"updateSidebarScrollTop",()=>B,"useSpecsSidebarState",()=>A],12542),e.s(["SpecsNavSidebar",()=>V],3622)},56654,e=>{"use strict";var t=e.i(90022),r=e.i(3622),s=e.i(65458);function n({className:e,...r}){return(0,t.jsx)("div",{className:(0,s.cn)("animate-pulse rounded-md bg-muted",e),...r})}var i=e.i(12542);function a(){let e=(0,i.useSpecsSidebarState)(),s=e.specs,a=e.activeSpecId||"";return(0,t.jsxs)("div",{className:"flex min-h-[calc(100vh-3.5rem)] w-full min-w-0",children:[(0,t.jsx)(r.SpecsNavSidebar,{initialSpecs:s,currentSpecId:a}),(0,t.jsx)("div",{className:"flex-1 min-w-0 px-4 py-6 sm:px-8 sm:py-10",children:(0,t.jsxs)("div",{className:"space-y-6",children:[(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)(n,{className:"h-7 w-56"}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,t.jsx)(n,{className:"h-6 w-24"}),(0,t.jsx)(n,{className:"h-6 w-24"}),(0,t.jsx)(n,{className:"h-6 w-20"})]}),(0,t.jsx)(n,{className:"h-4 w-64"})]}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(n,{className:"h-5 w-40"}),(0,t.jsx)(n,{className:"h-32 w-full"})]}),(0,t.jsx)("div",{className:"space-y-4",children:[...Array(6)].map((e,r)=>(0,t.jsx)(n,{className:"h-4 w-full"},r))})]})})]})}e.s(["SpecDetailLoadingShell",()=>a],56654)}]);