npm - @shepai/cli - Versions diffs - 1.59.0 → 1.60.0 - Mend

@shepai/cli 1.59.0 → 1.60.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 (267) hide show

package/web/.next/standalone/src/presentation/web/.next/server/pages/500.html CHANGED Viewed

@@ -1,2 +1,2 @@
-<!DOCTYPE html><!--xjc1tfvwTdK1Xv5Id2oaO--><html id="__next_error__"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/a9c2b889c8749a94.js"/><script src="/_next/static/chunks/07f00e2e73d322d2.js" async=""></script><script src="/_next/static/chunks/1887af4ad3781531.js" async=""></script><script src="/_next/static/chunks/cfe4dc9904fcfddb.js" async=""></script><script src="/_next/static/chunks/turbopack-6a11f2f1634ff6e0.js" async=""></script><script src="/_next/static/chunks/ab02eec995295bef.js" async=""></script><script src="/_next/static/chunks/fe70e73feb07bcfd.js" async=""></script><title>500: Internal Server Error.</title><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}
-@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">Internal Server Error.</h2></div></div></div><!--$--><!--/$--><script src="/_next/static/chunks/a9c2b889c8749a94.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[40799,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n3:I[73006,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n4:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"OutletBoundary\"]\n5:\"$Sreact.suspense\"\n7:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"ViewportBoundary\"]\n9:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"MetadataBoundary\"]\nb:I[42726,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"xjc1tfvwTdK1Xv5Id2oaO\",\"c\":[\"\",\"_global-error\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"html\",null,{\"id\":\"__next_error__\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"title\",null,{\"children\":\"500: Internal Server Error.\"}]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"style\":{\"lineHeight\":\"48px\"},\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}\\n@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"paddingRight\":23,\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\"},\"children\":\"500\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"28px\"},\"children\":\"Internal Server Error.\"}]}]]}]}]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ab02eec995295bef.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/fe70e73feb07bcfd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@6\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L7\",null,{\"children\":\"$L8\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.Metadata\",\"children\":\"$La\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$b\",\"$undefined\"],\"S\":true}\n"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"6:null\na:[]\n"])</script></body></html>
+<!DOCTYPE html><!--enyZhg62FqP6oInxg1T3h--><html id="__next_error__"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/acdb8af5a21f1ae9.js"/><script src="/_next/static/chunks/07f00e2e73d322d2.js" async=""></script><script src="/_next/static/chunks/1887af4ad3781531.js" async=""></script><script src="/_next/static/chunks/cfe4dc9904fcfddb.js" async=""></script><script src="/_next/static/chunks/turbopack-eb24b869babb34b4.js" async=""></script><script src="/_next/static/chunks/ab02eec995295bef.js" async=""></script><script src="/_next/static/chunks/fe70e73feb07bcfd.js" async=""></script><title>500: Internal Server Error.</title><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div style="line-height:48px"><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}
+@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top">500</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:28px">Internal Server Error.</h2></div></div></div><!--$--><!--/$--><script src="/_next/static/chunks/acdb8af5a21f1ae9.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[40799,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n3:I[73006,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n4:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"OutletBoundary\"]\n5:\"$Sreact.suspense\"\n7:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"ViewportBoundary\"]\n9:I[66658,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"MetadataBoundary\"]\nb:I[42726,[\"/_next/static/chunks/ab02eec995295bef.js\",\"/_next/static/chunks/fe70e73feb07bcfd.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"enyZhg62FqP6oInxg1T3h\",\"c\":[\"\",\"_global-error\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"html\",null,{\"id\":\"__next_error__\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"title\",null,{\"children\":\"500: Internal Server Error.\"}]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"style\":{\"lineHeight\":\"48px\"},\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}\\n@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"paddingRight\":23,\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\"},\"children\":\"500\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"28px\"},\"children\":\"Internal Server Error.\"}]}]]}]}]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ab02eec995295bef.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/fe70e73feb07bcfd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@6\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L7\",null,{\"children\":\"$L8\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.Metadata\",\"children\":\"$La\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$b\",\"$undefined\"],\"S\":true}\n"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"6:null\na:[]\n"])</script></body></html>

package/web/.next/standalone/src/presentation/web/.next/server/server-reference-manifest.js CHANGED Viewed

	@@ -1 +1 @@
1	- self.__RSC_SERVER_MANIFEST="{\n \"node\": {\n \"~~00f283d375a68f16f486b4d96a73d29642d70e2c49~~\": {\n \"workers\": {\n \"app/_not-found/page\": {\n \"moduleId\": 66973,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/tools/page\": {\n \"moduleId\": 19036,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/version/page\": {\n \"moduleId\": 86139,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n }\n },\n \"layer\": {\n \"app/_not-found/page\": \"action-browser\",\n \"app/page\": \"action-browser\",\n \"app/tools/page\": \"action-browser\",\n \"app/version/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\",\n \"exportedName\": \"pickFolder\"\n },\n \"~~604b2436c25d3184a91e706af2aee635c1ebd4a82d~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"approveFeature\",\n \"filename\": \"src/presentation/web/app/actions/approve-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/approve-feature.ts\",\n \"exportedName\": \"approveFeature\"\n },\n \"~~606b19bfa1c0b5083719b9769235270652970ac528~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"rejectFeature\",\n \"filename\": \"src/presentation/web/app/actions/reject-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/reject-feature.ts\",\n \"exportedName\": \"rejectFeature\"\n },\n \"~~40ab134a3e230ca75ec945b21530996f28478eaebd~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getFeatureArtifact\",\n \"filename\": \"src/presentation/web/app/actions/get-feature-artifact.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-feature-artifact.ts\",\n \"exportedName\": \"getFeatureArtifact\"\n },\n \"~~4089deaf16fedc6a345e56ad7bfc988b487e34eefa~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getResearchArtifact\",\n \"filename\": \"src/presentation/web/app/actions/get-research-artifact.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-research-artifact.ts\",\n \"exportedName\": \"getResearchArtifact\"\n },\n \"~~004b4a427a9b3db7f8002cfc69e453961d25caa5c5~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getWorkflowDefaults\",\n \"filename\": \"src/presentation/web/app/actions/get-workflow-defaults.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-workflow-defaults.ts\",\n \"exportedName\": \"getWorkflowDefaults\"\n },\n \"~~402a4ec8d26f9c9f41e698de41dd62bd38c3094f15~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getMergeReviewData\",\n \"filename\": \"src/presentation/web/app/actions/get-merge-review-data.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-merge-review-data.ts\",\n \"exportedName\": \"getMergeReviewData\"\n },\n \"~~40548f2101be4900dc1959a49650c2e0006397bd9a~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openIde\",\n \"filename\": \"src/presentation/web/app/actions/open-ide.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-ide.ts\",\n \"exportedName\": \"openIde\"\n },\n \"~~40586217019fa643c0babbbde4463a3cc1c92294e3~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openShell\",\n \"filename\": \"src/presentation/web/app/actions/open-shell.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-shell.ts\",\n \"exportedName\": \"openShell\"\n },\n \"~~40515f42aff14843ca67f2bd609b840bdda32955f9~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openFolder\",\n \"filename\": \"src/presentation/web/app/actions/open-folder.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-folder.ts\",\n \"exportedName\": \"openFolder\"\n },\n \"~~40d08b0d92d2b703d3db56e765e35375751ac01684~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"createFeature\",\n \"filename\": \"src/presentation/web/app/actions/create-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/create-feature.ts\",\n \"exportedName\": \"createFeature\"\n },\n \"~~4041951039830c9a9b9643f88550f93dec377c5f3f~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"deleteFeature\",\n \"filename\": \"src/presentation/web/app/actions/delete-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/delete-feature.ts\",\n \"exportedName\": \"deleteFeature\"\n },\n \"~~40fbe3ea2311abba27bc48c26f5508fb7025e4f58a~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"addRepository\",\n \"filename\": \"src/presentation/web/app/actions/add-repository.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/add-repository.ts\",\n \"exportedName\": \"addRepository\"\n },\n \"~~404aff2a63b14ad2f9b6417055e6f2ba87fe90e911~~\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"deleteRepository\",\n \"filename\": \"src/presentation/web/app/actions/delete-repository.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/delete-repository.ts\",\n \"exportedName\": \"deleteRepository\"\n }\n },\n \"edge\": {},\n \"encryptionKey\": \"~~/62RwJFHaetWcHvJhUZemNYnHwGJ6+ItihS+zZR0WQw~~=\"\n}"
1	+ self.__RSC_SERVER_MANIFEST="{\n \"node\": {\n \"005002b953331ef2b32b0ee2a29b030254fa27d4f8\": {\n \"workers\": {\n \"app/_not-found/page\": {\n \"moduleId\": 66973,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/skills/page\": {\n \"moduleId\": 41115,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/tools/page\": {\n \"moduleId\": 19036,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n },\n \"app/version/page\": {\n \"moduleId\": 86139,\n \"async\": false,\n \"exportedName\": \"pickFolder\",\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\"\n }\n },\n \"layer\": {\n \"app/_not-found/page\": \"action-browser\",\n \"app/page\": \"action-browser\",\n \"app/skills/page\": \"action-browser\",\n \"app/tools/page\": \"action-browser\",\n \"app/version/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/pick-folder.ts\",\n \"exportedName\": \"pickFolder\"\n },\n \"603678ffdda82d766bd57b7cf3a44583c6af1bd731\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"approveFeature\",\n \"filename\": \"src/presentation/web/app/actions/approve-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/approve-feature.ts\",\n \"exportedName\": \"approveFeature\"\n },\n \"6088bf597ba6473c1afca4f0297666105be5a15c9e\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"rejectFeature\",\n \"filename\": \"src/presentation/web/app/actions/reject-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/reject-feature.ts\",\n \"exportedName\": \"rejectFeature\"\n },\n \"40bc811484a5f239d58ee65a0bd59328811ff2b4e3\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getFeatureArtifact\",\n \"filename\": \"src/presentation/web/app/actions/get-feature-artifact.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-feature-artifact.ts\",\n \"exportedName\": \"getFeatureArtifact\"\n },\n \"4007171cf7da2fd054e5e014401e5c9cc36635fd04\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getResearchArtifact\",\n \"filename\": \"src/presentation/web/app/actions/get-research-artifact.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-research-artifact.ts\",\n \"exportedName\": \"getResearchArtifact\"\n },\n \"00db78a75eeac6610a7482f83c2d6e9cf7821846dd\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getWorkflowDefaults\",\n \"filename\": \"src/presentation/web/app/actions/get-workflow-defaults.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-workflow-defaults.ts\",\n \"exportedName\": \"getWorkflowDefaults\"\n },\n \"4090f202fed23dc9161fabe4c27979ced8bead4ba9\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"getMergeReviewData\",\n \"filename\": \"src/presentation/web/app/actions/get-merge-review-data.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/get-merge-review-data.ts\",\n \"exportedName\": \"getMergeReviewData\"\n },\n \"407d5afd78499db86e3eff56fdb63e778de00b36b1\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openIde\",\n \"filename\": \"src/presentation/web/app/actions/open-ide.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-ide.ts\",\n \"exportedName\": \"openIde\"\n },\n \"409f8daa4548d14a38c6edfc3041836f18795b19d9\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openShell\",\n \"filename\": \"src/presentation/web/app/actions/open-shell.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-shell.ts\",\n \"exportedName\": \"openShell\"\n },\n \"406dc7ef8c8774e1e72b1453fc61d10d0c28e8c665\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"openFolder\",\n \"filename\": \"src/presentation/web/app/actions/open-folder.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/open-folder.ts\",\n \"exportedName\": \"openFolder\"\n },\n \"402fada86fc26ca8ede1ba9c4c6b166807b445ec7e\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"createFeature\",\n \"filename\": \"src/presentation/web/app/actions/create-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/create-feature.ts\",\n \"exportedName\": \"createFeature\"\n },\n \"40d8a084578197cb61b49f374df7aebd4123184ee8\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"deleteFeature\",\n \"filename\": \"src/presentation/web/app/actions/delete-feature.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/delete-feature.ts\",\n \"exportedName\": \"deleteFeature\"\n },\n \"407df636fc8220cd03b329236c8672fe57a23588d7\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"addRepository\",\n \"filename\": \"src/presentation/web/app/actions/add-repository.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/add-repository.ts\",\n \"exportedName\": \"addRepository\"\n },\n \"404d9996266111ff820086d49653feeaf03304d055\": {\n \"workers\": {\n \"app/page\": {\n \"moduleId\": 16555,\n \"async\": false,\n \"exportedName\": \"deleteRepository\",\n \"filename\": \"src/presentation/web/app/actions/delete-repository.ts\"\n }\n },\n \"layer\": {\n \"app/page\": \"action-browser\"\n },\n \"filename\": \"src/presentation/web/app/actions/delete-repository.ts\",\n \"exportedName\": \"deleteRepository\"\n }\n },\n \"edge\": {},\n \"encryptionKey\": \"BSWjcQYQYXudhnah0VC2q2mhJZ50qvsRRMCnweVbWwU=\"\n}"

package/web/.next/standalone/src/presentation/web/.next/server/server-reference-manifest.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "node": {
-    "00f283d375a68f16f486b4d96a73d29642d70e2c49": {
+    "005002b953331ef2b32b0ee2a29b030254fa27d4f8": {
       "workers": {
         "app/_not-found/page": {
           "moduleId": 66973,
@@ -14,6 +14,12 @@
           "exportedName": "pickFolder",
           "filename": "src/presentation/web/app/actions/pick-folder.ts"
         },
+        "app/skills/page": {
+          "moduleId": 41115,
+          "async": false,
+          "exportedName": "pickFolder",
+          "filename": "src/presentation/web/app/actions/pick-folder.ts"
+        },
         "app/tools/page": {
           "moduleId": 19036,
           "async": false,
@@ -30,13 +36,14 @@
       "layer": {
         "app/_not-found/page": "action-browser",
         "app/page": "action-browser",
+        "app/skills/page": "action-browser",
         "app/tools/page": "action-browser",
         "app/version/page": "action-browser"
       },
       "filename": "src/presentation/web/app/actions/pick-folder.ts",
       "exportedName": "pickFolder"
     },
-    "604b2436c25d3184a91e706af2aee635c1ebd4a82d": {
+    "603678ffdda82d766bd57b7cf3a44583c6af1bd731": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -51,7 +58,7 @@
       "filename": "src/presentation/web/app/actions/approve-feature.ts",
       "exportedName": "approveFeature"
     },
-    "606b19bfa1c0b5083719b9769235270652970ac528": {
+    "6088bf597ba6473c1afca4f0297666105be5a15c9e": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -66,7 +73,7 @@
       "filename": "src/presentation/web/app/actions/reject-feature.ts",
       "exportedName": "rejectFeature"
     },
-    "40ab134a3e230ca75ec945b21530996f28478eaebd": {
+    "40bc811484a5f239d58ee65a0bd59328811ff2b4e3": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -81,7 +88,7 @@
       "filename": "src/presentation/web/app/actions/get-feature-artifact.ts",
       "exportedName": "getFeatureArtifact"
     },
-    "4089deaf16fedc6a345e56ad7bfc988b487e34eefa": {
+    "4007171cf7da2fd054e5e014401e5c9cc36635fd04": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -96,7 +103,7 @@
       "filename": "src/presentation/web/app/actions/get-research-artifact.ts",
       "exportedName": "getResearchArtifact"
     },
-    "004b4a427a9b3db7f8002cfc69e453961d25caa5c5": {
+    "00db78a75eeac6610a7482f83c2d6e9cf7821846dd": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -111,7 +118,7 @@
       "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
       "exportedName": "getWorkflowDefaults"
     },
-    "402a4ec8d26f9c9f41e698de41dd62bd38c3094f15": {
+    "4090f202fed23dc9161fabe4c27979ced8bead4ba9": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -126,7 +133,7 @@
       "filename": "src/presentation/web/app/actions/get-merge-review-data.ts",
       "exportedName": "getMergeReviewData"
     },
-    "40548f2101be4900dc1959a49650c2e0006397bd9a": {
+    "407d5afd78499db86e3eff56fdb63e778de00b36b1": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -141,7 +148,7 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "40586217019fa643c0babbbde4463a3cc1c92294e3": {
+    "409f8daa4548d14a38c6edfc3041836f18795b19d9": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -156,7 +163,7 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "40515f42aff14843ca67f2bd609b840bdda32955f9": {
+    "406dc7ef8c8774e1e72b1453fc61d10d0c28e8c665": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -171,7 +178,7 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "40d08b0d92d2b703d3db56e765e35375751ac01684": {
+    "402fada86fc26ca8ede1ba9c4c6b166807b445ec7e": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -186,7 +193,7 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "4041951039830c9a9b9643f88550f93dec377c5f3f": {
+    "40d8a084578197cb61b49f374df7aebd4123184ee8": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -201,7 +208,7 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "40fbe3ea2311abba27bc48c26f5508fb7025e4f58a": {
+    "407df636fc8220cd03b329236c8672fe57a23588d7": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -216,7 +223,7 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "404aff2a63b14ad2f9b6417055e6f2ba87fe90e911": {
+    "404d9996266111ff820086d49653feeaf03304d055": {
       "workers": {
         "app/page": {
           "moduleId": 16555,
@@ -233,5 +240,5 @@
     }
   },
   "edge": {},
-  "encryptionKey": "/62RwJFHaetWcHvJhUZemNYnHwGJ6+ItihS+zZR0WQw="
+  "encryptionKey": "BSWjcQYQYXudhnah0VC2q2mhJZ50qvsRRMCnweVbWwU="
 }

package/web/.next/standalone/src/presentation/web/app/skills/page.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import { notFound } from 'next/navigation';
+import { getSkills } from '@/lib/skills';
+import { SkillsPageClient } from '@/components/features/skills';
+import { featureFlags } from '@/lib/feature-flags';
+export default async function SkillsPage() {
+  if (!featureFlags.skills) notFound();
+  const skills = await getSkills();
+  return <SkillsPageClient skills={skills} />;
+}

package/web/.next/standalone/src/presentation/web/components/features/skills/category-filter.stories.tsx ADDED Viewed

@@ -0,0 +1,57 @@
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { CategoryFilter } from './category-filter';
+import type { SkillCategory } from '@/lib/skills';
+const meta: Meta<typeof CategoryFilter> = {
+  title: 'Features/CategoryFilter',
+  component: CategoryFilter,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+};
+export default meta;
+type Story = StoryObj<typeof CategoryFilter>;
+/* ---------------------------------------------------------------------------
+ * Interactive wrapper — manages activeCategory state
+ * ------------------------------------------------------------------------- */
+function InteractiveCategoryFilter({
+  initial,
+  counts,
+}: {
+  initial: SkillCategory | null;
+  counts?: Record<SkillCategory, number>;
+}) {
+  const [active, setActive] = useState<SkillCategory | null>(initial);
+  return <CategoryFilter activeCategory={active} onCategoryChange={setActive} counts={counts} />;
+}
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const AllSelected: Story = {
+  render: () => <InteractiveCategoryFilter initial={null} />,
+};
+export const WorkflowSelected: Story = {
+  render: () => <InteractiveCategoryFilter initial="Workflow" />,
+};
+export const WithCounts: Story = {
+  render: () => (
+    <InteractiveCategoryFilter
+      initial={null}
+      counts={{
+        Workflow: 8,
+        'Code Generation': 1,
+        Analysis: 2,
+        Reference: 7,
+      }}
+    />
+  ),
+};

package/web/.next/standalone/src/presentation/web/components/features/skills/category-filter.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import { Button } from '@/components/ui/button';
+import type { SkillCategory } from '@/lib/skills';
+const CATEGORIES: { label: string; value: SkillCategory | null }[] = [
+  { label: 'All', value: null },
+  { label: 'Workflow', value: 'Workflow' },
+  { label: 'Code Generation', value: 'Code Generation' },
+  { label: 'Analysis', value: 'Analysis' },
+  { label: 'Reference', value: 'Reference' },
+];
+export interface CategoryFilterProps {
+  activeCategory: SkillCategory | null;
+  onCategoryChange: (category: SkillCategory | null) => void;
+  counts?: Record<SkillCategory, number>;
+}
+export function CategoryFilter({ activeCategory, onCategoryChange, counts }: CategoryFilterProps) {
+  return (
+    <div className="flex flex-wrap gap-2" role="group" aria-label="Filter by category">
+      {CATEGORIES.map(({ label, value }) => (
+        <Button
+          key={label}
+          variant={activeCategory === value ? 'default' : 'outline'}
+          size="sm"
+          onClick={() => onCategoryChange(value)}
+        >
+          {label}
+          {counts && value ? (
+            <span className="ml-1 text-xs opacity-70">({counts[value]})</span>
+          ) : null}
+        </Button>
+      ))}
+    </div>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/skills/index.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { SkillsPageClient, type SkillsPageClientProps } from './skills-page-client';
+export { SkillCard, type SkillCardProps } from './skill-card';
+export { CategoryFilter, type CategoryFilterProps } from './category-filter';
+export { SkillList, type SkillListProps } from './skill-list';
+export { SkillDetailDrawer, type SkillDetailDrawerProps } from './skill-detail-drawer';

package/web/.next/standalone/src/presentation/web/components/features/skills/skill-card.stories.tsx ADDED Viewed

@@ -0,0 +1,105 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+import { SkillCard } from './skill-card';
+import type { SkillData } from '@/lib/skills';
+const meta: Meta<typeof SkillCard> = {
+  title: 'Features/SkillCard',
+  component: SkillCard,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  args: {
+    onSelect: fn(),
+  },
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const baseSkill: SkillData = {
+  name: 'shep-kit:implement',
+  displayName: 'implement',
+  description: 'Validate specs and autonomously execute implementation tasks with status tracking.',
+  category: 'Workflow',
+  source: 'project',
+  body: '## Usage\n\nRun /shep-kit:implement after planning is complete.',
+  resources: [],
+};
+const skillWithAllBadges: SkillData = {
+  name: 'shep:ui-component',
+  displayName: 'ui-component',
+  description:
+    'Use when creating, modifying, or reviewing web UI components. Triggers include "new component", "add component", "create UI".',
+  context: 'fork',
+  allowedTools: 'Read, Write, Bash, Edit, Glob',
+  category: 'Code Generation',
+  source: 'project',
+  body: '## Overview\n\nScaffolds UI components following the four-tier hierarchy.',
+  resources: [
+    { name: 'references', fileCount: 7 },
+    { name: 'templates', fileCount: 3 },
+    { name: 'rules', fileCount: 2 },
+  ],
+};
+const globalSkill: SkillData = {
+  name: 'vercel-react-best-practices',
+  displayName: 'vercel-react-best-practices',
+  description: 'React and Next.js performance optimization guidelines from Vercel Engineering.',
+  category: 'Reference',
+  source: 'global',
+  body: 'Performance patterns for React and Next.js applications.',
+  resources: [{ name: 'references', fileCount: 4 }],
+};
+const skillWithContext: SkillData = {
+  name: 'architecture-reviewer',
+  displayName: 'architecture-reviewer',
+  description: 'Use when making architectural decisions, planning features, or reviewing PRs.',
+  context: 'fork',
+  category: 'Analysis',
+  source: 'project',
+  body: '',
+  resources: [],
+};
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const Default: Story = {
+  args: {
+    skill: baseSkill,
+  },
+};
+export const WithContext: Story = {
+  args: {
+    skill: skillWithContext,
+  },
+};
+export const WithAllBadges: Story = {
+  args: {
+    skill: skillWithAllBadges,
+  },
+};
+export const ProjectSource: Story = {
+  args: {
+    skill: baseSkill,
+  },
+};
+export const GlobalSource: Story = {
+  args: {
+    skill: globalSkill,
+  },
+};

package/web/.next/standalone/src/presentation/web/components/features/skills/skill-card.tsx ADDED Viewed

@@ -0,0 +1,48 @@
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import type { SkillData } from '@/lib/skills';
+import { FolderOpen } from 'lucide-react';
+export interface SkillCardProps {
+  skill: SkillData;
+  onSelect: (skill: SkillData) => void;
+}
+export function SkillCard({ skill, onSelect }: SkillCardProps) {
+  return (
+    <Card
+      className="hover:border-primary/50 cursor-pointer transition-colors"
+      role="button"
+      tabIndex={0}
+      onClick={() => onSelect(skill)}
+      onKeyDown={(e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          onSelect(skill);
+        }
+      }}
+      data-testid={`skill-card-${skill.name}`}
+    >
+      <CardHeader className="pb-3">
+        <CardTitle className="text-base">{skill.displayName}</CardTitle>
+        <p className="text-muted-foreground font-mono text-xs">{skill.name}</p>
+      </CardHeader>
+      <CardContent className="space-y-3">
+        <p className="text-muted-foreground line-clamp-2 text-sm">{skill.description}</p>
+        <div className="flex flex-wrap items-center gap-1.5">
+          <Badge variant={skill.source === 'project' ? 'secondary' : 'outline'}>
+            {skill.source === 'project' ? 'Project' : 'Global'}
+          </Badge>
+          {skill.context ? <Badge variant="outline">{skill.context}</Badge> : null}
+          {skill.allowedTools ? <Badge variant="outline">Tools</Badge> : null}
+          {skill.resources.length > 0 ? (
+            <span className="text-muted-foreground inline-flex items-center gap-1 text-xs">
+              <FolderOpen className="size-3" />
+              {skill.resources.length} {skill.resources.length === 1 ? 'resource' : 'resources'}
+            </span>
+          ) : null}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/skills/skill-detail-drawer.stories.tsx ADDED Viewed

@@ -0,0 +1,96 @@
+import { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { SkillDetailDrawer } from './skill-detail-drawer';
+import { Button } from '@/components/ui/button';
+import type { SkillData } from '@/lib/skills';
+const meta: Meta<typeof SkillDetailDrawer> = {
+  title: 'Features/SkillDetailDrawer',
+  component: SkillDetailDrawer,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+export default meta;
+type Story = StoryObj<typeof SkillDetailDrawer>;
+/* ---------------------------------------------------------------------------
+ * Data fixtures
+ * ------------------------------------------------------------------------- */
+const skillWithResources: SkillData = {
+  name: 'shep:ui-component',
+  displayName: 'ui-component',
+  description:
+    'Use when creating, modifying, or reviewing web UI components. Triggers include "new component", "add component", "create UI", "build a widget".',
+  context: 'fork',
+  allowedTools: 'Read, Write, Bash, Edit, Glob, Grep',
+  category: 'Code Generation',
+  source: 'project',
+  body: '## Overview\n\nScaffolds UI components following the four-tier hierarchy.\n\n## Usage\n\nRun /shep:ui-component when you need to create or modify components.',
+  resources: [
+    { name: 'references', fileCount: 7 },
+    { name: 'templates', fileCount: 3 },
+    { name: 'rules', fileCount: 2 },
+  ],
+};
+const skillWithoutResources: SkillData = {
+  name: 'shep-kit:implement',
+  displayName: 'implement',
+  description:
+    'Validate specs and autonomously execute implementation tasks with status tracking. Use after /shep-kit:plan when ready to start implementation.',
+  category: 'Workflow',
+  source: 'project',
+  body: '## Usage\n\nRun /shep-kit:implement after planning is complete to start autonomous implementation.\n\n## What it does\n\n1. Pre-Implementation Validation Gate\n2. Autonomous Execution\n3. Status Tracking',
+  resources: [],
+};
+const minimalSkill: SkillData = {
+  name: 'find-skills',
+  displayName: 'find-skills',
+  description: 'Helps users discover and install agent skills.',
+  category: 'Reference',
+  source: 'global',
+  body: '',
+  resources: [],
+};
+/* ---------------------------------------------------------------------------
+ * Trigger wrapper — starts closed, click to open
+ * ------------------------------------------------------------------------- */
+function DrawerTrigger({ skill, label }: { skill: SkillData; label: string }) {
+  const [selected, setSelected] = useState<SkillData | null>(null);
+  return (
+    <div className="flex h-screen items-start p-4">
+      <Button variant="outline" onClick={() => setSelected(skill)}>
+        {label}
+      </Button>
+      <SkillDetailDrawer skill={selected} onClose={() => setSelected(null)} />
+    </div>
+  );
+}
+/* ---------------------------------------------------------------------------
+ * Stories
+ * ------------------------------------------------------------------------- */
+export const Open: Story = {
+  render: () => <DrawerTrigger skill={skillWithResources} label="Open Skill Detail" />,
+};
+export const WithResources: Story = {
+  render: () => <DrawerTrigger skill={skillWithResources} label="Open With Resources" />,
+};
+export const WithoutResources: Story = {
+  render: () => <DrawerTrigger skill={skillWithoutResources} label="Open Without Resources" />,
+};
+export const MinimalSkill: Story = {
+  render: () => <DrawerTrigger skill={minimalSkill} label="Open Minimal Skill" />,
+};