@stacknet/rackutils 0.1.0 → 0.3.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.
- package/dist/components/index.cjs +6 -6
- package/dist/components/index.js +6 -6
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.d.cts +107 -3
- package/dist/hooks/index.d.ts +107 -3
- package/dist/hooks/index.js +1 -1
- package/dist/index.cjs +6 -6
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +6 -6
- package/dist/types/index.d.cts +181 -1
- package/dist/types/index.d.ts +181 -1
- package/package.json +1 -1
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RepoInfo, InitResult, RepoFile, PushResult, RepoTree, RepoCommit, DiffEntry, RackConfig, TreeEntry } from '../types/index.js';
|
|
1
|
+
import { RepoInfo, InitResult, RepoFile, PushResult, RepoTree, RepoCommit, DiffEntry, StarResult, StarInfo, SkillStats, TensorStats, NetworkStats, TrendingRepo, RackConfig, TreeEntry, RackSession, TokenBudget, CostEstimate, SkillRegistrationInput, SkillRegistrationResult, TensorRegistrationInput, TensorRegistrationResult } from '../types/index.js';
|
|
2
2
|
|
|
3
3
|
interface RackClient {
|
|
4
4
|
listRepos: (owner?: string) => Promise<RepoInfo[]>;
|
|
@@ -19,11 +19,28 @@ interface RackClient {
|
|
|
19
19
|
getBlob: (repoId: string, cid: string) => Promise<string>;
|
|
20
20
|
getLog: (repoId: string, ref?: string, maxCount?: number) => Promise<RepoCommit[]>;
|
|
21
21
|
getBranches: (repoId: string) => Promise<string[]>;
|
|
22
|
+
createBranch: (repoId: string, branchName: string, fromRef?: string) => Promise<{
|
|
23
|
+
success: boolean;
|
|
24
|
+
manifest_cid: string;
|
|
25
|
+
}>;
|
|
26
|
+
merge: (repoId: string, sourceBranch: string, targetBranch?: string) => Promise<{
|
|
27
|
+
success: boolean;
|
|
28
|
+
commit_cid?: string;
|
|
29
|
+
error?: string;
|
|
30
|
+
}>;
|
|
22
31
|
getDiff: (repoId: string, fromRef: string, toRef: string) => Promise<DiffEntry[]>;
|
|
32
|
+
starRepo: (repoId: string) => Promise<StarResult>;
|
|
33
|
+
unstarRepo: (repoId: string) => Promise<StarResult>;
|
|
34
|
+
getStarInfo: (repoId: string) => Promise<StarInfo>;
|
|
35
|
+
getSkillStats: (repoId: string) => Promise<SkillStats>;
|
|
36
|
+
getSkillUsageCount: (skillId: string) => Promise<number | null>;
|
|
37
|
+
getTensorStats: (repoId: string) => Promise<TensorStats>;
|
|
38
|
+
getNetworkStats: () => Promise<NetworkStats | null>;
|
|
39
|
+
getTrending: (limit?: number, days?: number) => Promise<TrendingRepo[]>;
|
|
23
40
|
}
|
|
24
41
|
/**
|
|
25
42
|
* Low-level hook returning a rack API client.
|
|
26
|
-
* All methods route through the host app's proxy.
|
|
43
|
+
* All methods route through the host app's proxy or direct StackNet URL.
|
|
27
44
|
*/
|
|
28
45
|
declare function useRackClient(config: RackConfig): RackClient;
|
|
29
46
|
|
|
@@ -51,4 +68,91 @@ interface UseRepoPushReturn {
|
|
|
51
68
|
}
|
|
52
69
|
declare function useRepoPush(config: RackConfig): UseRepoPushReturn;
|
|
53
70
|
|
|
54
|
-
|
|
71
|
+
/**
|
|
72
|
+
* Session hook for authenticated Rack operations.
|
|
73
|
+
* Manages API key persistence, session validation, and token budget.
|
|
74
|
+
*/
|
|
75
|
+
declare function useRackSession(config: RackConfig): {
|
|
76
|
+
session: RackSession;
|
|
77
|
+
budget: TokenBudget | null;
|
|
78
|
+
loading: boolean;
|
|
79
|
+
login: (apiKey: string) => Promise<RackSession>;
|
|
80
|
+
logout: () => void;
|
|
81
|
+
refreshBudget: () => Promise<TokenBudget | null>;
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* Estimate registration cost before committing.
|
|
86
|
+
*
|
|
87
|
+
* Skills: (INIT_COST + ceil(totalBytes / 4)) × 1000
|
|
88
|
+
* Tensors: (INIT_COST + ceil(totalMB)) × 1000 (MB-level, not token-level)
|
|
89
|
+
*/
|
|
90
|
+
declare function estimateCost(type: 'skill' | 'tensor', totalBytes: number): CostEstimate;
|
|
91
|
+
/**
|
|
92
|
+
* Hook for registering skills and tensors on StackNet.
|
|
93
|
+
* Requires an authenticated session (API key).
|
|
94
|
+
*/
|
|
95
|
+
declare function useRackRegister(config: RackConfig): {
|
|
96
|
+
registerSkill: (input: SkillRegistrationInput) => Promise<SkillRegistrationResult>;
|
|
97
|
+
registerTensor: (input: TensorRegistrationInput) => Promise<TensorRegistrationResult>;
|
|
98
|
+
estimateCost: typeof estimateCost;
|
|
99
|
+
registering: boolean;
|
|
100
|
+
error: string | null;
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Fetch skill stats (META.json, token count, usage count) for a skill repo.
|
|
105
|
+
*/
|
|
106
|
+
declare function useSkillStats(config: RackConfig, repoId: string | null): {
|
|
107
|
+
stats: SkillStats;
|
|
108
|
+
loading: boolean;
|
|
109
|
+
error: string | null;
|
|
110
|
+
refresh: () => Promise<void>;
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* Fetch tensor stats (TENSOR_META.json, file size) for a tensor repo.
|
|
115
|
+
*/
|
|
116
|
+
declare function useTensorStats(config: RackConfig, repoId: string | null): {
|
|
117
|
+
stats: TensorStats;
|
|
118
|
+
loading: boolean;
|
|
119
|
+
error: string | null;
|
|
120
|
+
refresh: () => Promise<void>;
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* Fetch network-wide stats (repos, skills, tensors, stacks, stars, tokens, etc.)
|
|
125
|
+
*/
|
|
126
|
+
declare function useNetworkStats(config: RackConfig): {
|
|
127
|
+
stats: NetworkStats | null;
|
|
128
|
+
loading: boolean;
|
|
129
|
+
error: string | null;
|
|
130
|
+
refresh: () => Promise<void>;
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
/**
|
|
134
|
+
* Fetch trending repos with time-windowed scoring.
|
|
135
|
+
* Score = (usage × 100) + (stars × 1)
|
|
136
|
+
*/
|
|
137
|
+
declare function useTrending(config: RackConfig, limit?: number, days?: number): {
|
|
138
|
+
repos: TrendingRepo[];
|
|
139
|
+
loading: boolean;
|
|
140
|
+
error: string | null;
|
|
141
|
+
refresh: (newDays?: number) => Promise<void>;
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
/**
|
|
145
|
+
* Manage star status for a repo — fetch, star, unstar.
|
|
146
|
+
* Star/unstar costs 100k tokens each.
|
|
147
|
+
*/
|
|
148
|
+
declare function useStar(config: RackConfig, repoId: string | null): {
|
|
149
|
+
loading: boolean;
|
|
150
|
+
error: string | null;
|
|
151
|
+
toggle: () => Promise<void>;
|
|
152
|
+
refresh: () => Promise<void>;
|
|
153
|
+
stars: number;
|
|
154
|
+
starred: boolean;
|
|
155
|
+
repo_id: string;
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
export { type RackClient, estimateCost, useNetworkStats, useRackClient, useRackRegister, useRackSession, useRepoPush, useRepoTree, useRepos, useSkillStats, useStar, useTensorStats, useTrending };
|
package/dist/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {useMemo,useRef,useState,useCallback,useEffect}from'react';async function m(i,e,s){let n=await fetch(`${i}${e}`,{...s,headers:{"Content-Type":"application/json",...s?.headers}});if(!n.ok){let r=`HTTP ${n.status}`;try{let t=await n.json();t.error&&(r=t.error);}catch{}throw new Error(r)}return n.json()}function R(i){let e=i.apiBaseUrl,s=i.authorMid,n=i.ownerMid;return useMemo(()=>({async listRepos(r){let t=r||n?`?owner=${encodeURIComponent(r||n)}`:"";return (await m(e,`/api/rack/repos${t}`)).repos||[]},async initRepo(r){return m(e,"/api/rack/init",{method:"POST",body:JSON.stringify({...r,owner_mid:n})})},async push(r,t){return m(e,`/api/rack/${r}/push`,{method:"POST",body:JSON.stringify({...t,author_mid:s})})},async getTree(r,t="main"){let o=await m(e,`/api/rack/${r}/tree/${t}`);return {tree:o.tree,commit_cid:o.commit_cid}},async getBlob(r,t){return (await m(e,`/api/rack/${r}/blob/${t}`)).content},async getLog(r,t,o){let l=new URLSearchParams;t&&l.set("ref",t),o&&l.set("max_count",String(o));let g=l.toString()?`?${l}`:"";return (await m(e,`/api/rack/${r}/log${g}`)).commits||[]},async getBranches(r){return (await m(e,`/api/rack/${r}/branches`)).branches||[]},async getDiff(r,t,o){return (await m(e,`/api/rack/${r}/diff/${t}/${o}`)).diff?.entries||[]}}),[e,s,n])}function T(i){let e=R(i),s=useRef(e);s.current=e;let[n,r]=useState([]),[t,o]=useState(true),[l,g]=useState(null),c=useRef(true),u=useRef(null),p=useCallback(async()=>{u.current?.abort();let f=new AbortController;u.current=f;try{c.current&&(o(!0),g(null));let a=await s.current.listRepos();c.current&&!f.signal.aborted&&r(a);}catch(a){c.current&&!f.signal.aborted&&g(a instanceof Error?a.message:"Failed to load repos");}finally{c.current&&!f.signal.aborted&&o(false);}},[]);return useEffect(()=>(c.current=true,p(),()=>{c.current=false,u.current?.abort();}),[p]),{repos:n,loading:t,error:l,refresh:p}}function I(i){return Object.entries(i).map(([e,s])=>{let n=s.indexOf(":"),r=n>0?s.slice(0,n):"100644",t=n>0?s.slice(n+1):s;return {path:e,mode:r,cid:t,isDir:r==="040000"}}).sort((e,s)=>e.isDir!==s.isDir?e.isDir?-1:1:e.path.localeCompare(s.path))}function x(i,e,s="main"){let n=R(i),[r,t]=useState([]),[o,l]=useState(false),[g,c]=useState(null),u=useRef(true),p=useCallback(async()=>{if(e)try{u.current&&(l(!0),c(null));let{tree:a}=await n.getTree(e,s);u.current&&t(I(a.entries));}catch(a){u.current&&c(a instanceof Error?a.message:"Failed to load tree");}finally{u.current&&l(false);}},[n,e,s]);useEffect(()=>(u.current=true,p(),()=>{u.current=false;}),[p]);let f=useCallback(async a=>{if(!e)throw new Error("No repo selected");return n.getBlob(e,a)},[n,e]);return {entries:r,loading:o,error:g,refresh:p,getFileContent:f}}function U(i){let e=R(i),[s,n]=useState(false),[r,t]=useState(null),o=useRef(true);return useEffect(()=>(o.current=true,()=>{o.current=false;}),[]),{push:useCallback(async(g,c,u,p)=>{try{return o.current&&(n(!0),t(null)),await e.push(g,{files:c,message:u,branch:p})}catch(f){let a=f instanceof Error?f.message:"Push failed";return o.current&&t(a),null}finally{o.current&&n(false);}},[e]),pushing:s,error:r}}export{R as useRackClient,U as useRepoPush,x as useRepoTree,T as useRepos};
|
|
1
|
+
import {useMemo,useRef,useState,useCallback,useEffect}from'react';async function d(u,t,i,l){let c={"Content-Type":"application/json",...i?.headers};l&&(c.Authorization=`Bearer ${l}`);let g=await fetch(`${u}${t}`,{...i,headers:c});if(!g.ok){let e=`HTTP ${g.status}`;try{let r=await g.json();r.error&&(e=r.error);}catch{}throw new Error(e)}return g.json()}function k(u){let t=u.indexOf(":");return {mode:u.slice(0,t),cid:u.slice(t+1)}}function p(u){let t=u.apiBaseUrl,i=u.authorMid,l=u.ownerMid,c=u.apiKey,g=u.stacknetUrl||u.apiBaseUrl;return useMemo(()=>({async listRepos(e){let r=e||l?`?owner=${encodeURIComponent(e||l)}`:"";return (await d(t,`/api/rack/repos${r}`,void 0,c)).repos||[]},async initRepo(e){return d(t,"/api/rack/init",{method:"POST",body:JSON.stringify({...e,owner_mid:l})},c)},async push(e,r){return d(t,`/api/rack/${e}/push`,{method:"POST",body:JSON.stringify({...r,author_mid:i})},c)},async getTree(e,r="main"){let n=await d(t,`/api/rack/${e}/tree/${r}`,void 0,c);return {tree:n.tree,commit_cid:n.commit_cid}},async getBlob(e,r){return (await d(t,`/api/rack/${e}/blob/${r}`,void 0,c)).content},async getLog(e,r,n){let s=new URLSearchParams;r&&s.set("ref",r),n&&s.set("max_count",String(n));let a=s.toString()?`?${s}`:"";return (await d(t,`/api/rack/${e}/log${a}`,void 0,c)).commits||[]},async getBranches(e){return (await d(t,`/api/rack/${e}/branches`,void 0,c)).branches||[]},async createBranch(e,r,n){return d(t,`/api/rack/${e}/branch`,{method:"POST",body:JSON.stringify({branch_name:r,from_ref:n})},c)},async merge(e,r,n){return d(t,`/api/rack/${e}/merge`,{method:"POST",body:JSON.stringify({source_branch:r,target_branch:n})},c)},async getDiff(e,r,n){return (await d(t,`/api/rack/${e}/diff/${r}/${n}`,void 0,c)).diff?.entries||[]},async starRepo(e){return d(t,`/api/rack/${e}/star`,{method:"POST"},c)},async unstarRepo(e){return d(t,`/api/rack/${e}/star`,{method:"DELETE"},c)},async getStarInfo(e){return d(t,`/api/rack/${e}/stars`,void 0,c)},async getSkillStats(e){let r={meta:null,tokenCount:null,usageCount:null};try{let{tree:n}=await this.getTree(e,"main");if(!n?.entries)return r;if(n.entries["META.json"]){let o=k(n.entries["META.json"]).cid,f=await this.getBlob(e,o);r.meta=JSON.parse(f);}let s=0,a=Object.values(n.entries).map(async o=>{try{let f=k(o).cid,m=await this.getBlob(e,f);s+=m.length;}catch{}});await Promise.all(a),s>0&&(r.tokenCount=Math.ceil(s/4)),r.meta?.skill_id&&(r.usageCount=await this.getSkillUsageCount(r.meta.skill_id));}catch{}return r},async getSkillUsageCount(e){try{let r=await fetch(`${g}/v1/skills/${encodeURIComponent(e)}`);if(r.ok){let s=await r.json();return s.usage_count??s.usageCount??null}let n=await fetch(`${g}/v1/skills?scope=public`);if(n.ok){let a=((await n.json()).skills||[]).find(o=>o.name===e||o.id===e);if(a)return a.usage_count??a.usageCount??0}return 0}catch{return null}},async getTensorStats(e){let r={meta:null,sizeMB:null};try{let{tree:n}=await this.getTree(e,"main");if(!n?.entries)return r;if(n.entries["TENSOR_META.json"]){let s=k(n.entries["TENSOR_META.json"]).cid,a=await this.getBlob(e,s);r.meta=JSON.parse(a),r.sizeMB=r.meta?.tensor_size_mb??null;}}catch{}return r},async getNetworkStats(){try{return (await d(t,"/api/rack/stats",void 0,c)).stats||null}catch{return null}},async getTrending(e=5,r=1){try{return (await d(t,`/api/rack/trending?limit=${e}&days=${r}`,void 0,c)).trending||[]}catch{return []}}}),[t,i,l,c,g])}function J(u){let t=p(u),i=useRef(t);i.current=t;let[l,c]=useState([]),[g,e]=useState(true),[r,n]=useState(null),s=useRef(true),a=useRef(null),o=useCallback(async()=>{a.current?.abort();let f=new AbortController;a.current=f;try{s.current&&(e(!0),n(null));let m=await i.current.listRepos();s.current&&!f.signal.aborted&&c(m);}catch(m){s.current&&!f.signal.aborted&&n(m instanceof Error?m.message:"Failed to load repos");}finally{s.current&&!f.signal.aborted&&e(false);}},[]);return useEffect(()=>(s.current=true,o(),()=>{s.current=false,a.current?.abort();}),[o]),{repos:l,loading:g,error:r,refresh:o}}function H(u){return Object.entries(u).map(([t,i])=>{let l=i.indexOf(":"),c=l>0?i.slice(0,l):"100644",g=l>0?i.slice(l+1):i;return {path:t,mode:c,cid:g,isDir:c==="040000"}}).sort((t,i)=>t.isDir!==i.isDir?t.isDir?-1:1:t.path.localeCompare(i.path))}function W(u,t,i="main"){let l=p(u),[c,g]=useState([]),[e,r]=useState(false),[n,s]=useState(null),a=useRef(true),o=useCallback(async()=>{if(t)try{a.current&&(r(!0),s(null));let{tree:m}=await l.getTree(t,i);a.current&&g(H(m.entries));}catch(m){a.current&&s(m instanceof Error?m.message:"Failed to load tree");}finally{a.current&&r(false);}},[l,t,i]);useEffect(()=>(a.current=true,o(),()=>{a.current=false;}),[o]);let f=useCallback(async m=>{if(!t)throw new Error("No repo selected");return l.getBlob(t,m)},[l,t]);return {entries:c,loading:e,error:n,refresh:o,getFileContent:f}}function Q(u){let t=p(u),[i,l]=useState(false),[c,g]=useState(null),e=useRef(true);return useEffect(()=>(e.current=true,()=>{e.current=false;}),[]),{push:useCallback(async(n,s,a,o)=>{try{return e.current&&(l(!0),g(null)),await t.push(n,{files:s,message:a,branch:o})}catch(f){let m=f instanceof Error?f.message:"Push failed";return e.current&&g(m),null}finally{e.current&&l(false);}},[t]),pushing:i,error:c}}var w="stacknet-rack-apikey";function X(u){let t=u.stacknetUrl||u.apiBaseUrl,[i,l]=useState({authenticated:false}),[c,g]=useState(null),[e,r]=useState(false),n=useCallback(f=>({"Content-Type":"application/json",...f||u.apiKey?{Authorization:`Bearer ${f||u.apiKey}`}:{}}),[u.apiKey]),s=useCallback(async f=>{r(true);try{let m=await fetch(`${t}/health`,{headers:n(f)});if(!m.ok)throw new Error(`Authentication failed: ${m.status}`);let R={authenticated:!0,apiKey:f,permission:f.startsWith("gk_")?"write":"read"};l(R);try{localStorage.setItem(w,f);}catch{}return R}catch(m){throw l({authenticated:false}),m}finally{r(false);}},[t,n]),a=useCallback(()=>{l({authenticated:false}),g(null);try{localStorage.removeItem(w);}catch{}},[]),o=useCallback(async()=>{let f=i.apiKey||u.apiKey;if(!f)return null;try{let m=await fetch(`${t}/network/usage`,{headers:n(f)});if(!m.ok)return null;let R=await m.json(),I={planAllocation:R.plan_allocation??R.planAllocation??0,inferenceUsed:R.inference_used??R.inferenceUsed??0,ledgerSpent:R.ledger_spent??R.ledgerSpent??0,totalUsed:R.total_used??R.totalUsed??0,remaining:R.remaining??0,percent:R.percent??0,exceeded:R.exceeded??!1};return g(I),I}catch{return null}},[i.apiKey,u.apiKey,t,n]);return useEffect(()=>{let f=u.apiKey;if(f){l({authenticated:true,apiKey:f,permission:f.startsWith("gk_")?"write":"read"});return}try{let m=localStorage.getItem(w);m&&l({authenticated:!0,apiKey:m,permission:m.startsWith("gk_")?"write":"read"});}catch{}},[u.apiKey]),{session:i,budget:c,loading:e,login:s,logout:a,refreshBudget:o}}var B=1e3,M=1e3,j=100;function L(u,t){if(u==="skill"){let c=j+Math.ceil(t/4);return {type:u,totalBytes:t,totalMegabytes:t/1e6,baseCost:c,multiplier:B,registrationCostTokens:c*B}}let i=Math.ceil(t/1e6),l=j+i;return {type:u,totalBytes:t,totalMegabytes:i,baseCost:l,multiplier:M,registrationCostTokens:l*M}}function Z(u){let t=u.stacknetUrl||u.apiBaseUrl,i=u.apiKey,[l,c]=useState(false),[g,e]=useState(null),r=useCallback(()=>{if(!i)throw new Error("API key required for registration. Call login() first.");return {"Content-Type":"application/json",Authorization:`Bearer ${i}`}},[i]),n=useCallback(async a=>{c(true),e(null);try{let o=await fetch(`${t}/skills`,{method:"POST",headers:r(),body:JSON.stringify(a)});if(!o.ok){let f=await o.json().catch(()=>({error:`HTTP ${o.status}`}));throw new Error(f.error||`Registration failed: ${o.status}`)}return await o.json()}catch(o){throw e(o.message),o}finally{c(false);}},[t,r]),s=useCallback(async a=>{c(true),e(null);try{let o=await fetch(`${t}/tensors`,{method:"POST",headers:r(),body:JSON.stringify(a)});if(!o.ok){let f=await o.json().catch(()=>({error:`HTTP ${o.status}`}));throw new Error(f.error||`Registration failed: ${o.status}`)}return await o.json()}catch(o){throw e(o.message),o}finally{c(false);}},[t,r]);return {registerSkill:n,registerTensor:s,estimateCost:L,registering:l,error:g}}function nt(u,t){let i=p(u),[l,c]=useState({meta:null,tokenCount:null,usageCount:null}),[g,e]=useState(false),[r,n]=useState(null),s=useRef(true),a=useCallback(async()=>{if(t){e(true),n(null);try{let o=await i.getSkillStats(t);s.current&&c(o);}catch(o){s.current&&n(o.message);}finally{s.current&&e(false);}}},[i,t]);return useEffect(()=>(s.current=true,a(),()=>{s.current=false;}),[a]),{stats:l,loading:g,error:r,refresh:a}}function it(u,t){let i=p(u),[l,c]=useState({meta:null,sizeMB:null}),[g,e]=useState(false),[r,n]=useState(null),s=useRef(true),a=useCallback(async()=>{if(t){e(true),n(null);try{let o=await i.getTensorStats(t);s.current&&c(o);}catch(o){s.current&&n(o.message);}finally{s.current&&e(false);}}},[i,t]);return useEffect(()=>(s.current=true,a(),()=>{s.current=false;}),[a]),{stats:l,loading:g,error:r,refresh:a}}function ft(u){let t=p(u),[i,l]=useState(null),[c,g]=useState(false),[e,r]=useState(null),n=useRef(true),s=useCallback(async()=>{g(true),r(null);try{let a=await t.getNetworkStats();n.current&&l(a);}catch(a){n.current&&r(a.message);}finally{n.current&&g(false);}},[t]);return useEffect(()=>(n.current=true,s(),()=>{n.current=false;}),[s]),{stats:i,loading:c,error:e,refresh:s}}function dt(u,t=5,i=1){let l=p(u),[c,g]=useState([]),[e,r]=useState(false),[n,s]=useState(null),a=useRef(true),o=useCallback(async f=>{r(true),s(null);try{let m=await l.getTrending(t,f??i);a.current&&g(m);}catch(m){a.current&&s(m.message);}finally{a.current&&r(false);}},[l,t,i]);return useEffect(()=>(a.current=true,o(),()=>{a.current=false;}),[o]),{repos:c,loading:e,error:n,refresh:o}}function kt(u,t){let i=p(u),[l,c]=useState({stars:0,starred:false,repo_id:t||""}),[g,e]=useState(false),[r,n]=useState(null),s=useRef(true),a=useCallback(async()=>{if(t)try{let f=await i.getStarInfo(t);s.current&&c(f);}catch{}},[i,t]);useEffect(()=>(s.current=true,a(),()=>{s.current=false;}),[a]);let o=useCallback(async()=>{if(t){e(true),n(null);try{let f=l.starred?await i.unstarRepo(t):await i.starRepo(t);s.current&&c({stars:f.stars,starred:f.starred,repo_id:t});}catch(f){s.current&&n(f.message);}finally{s.current&&e(false);}}},[i,t,l.starred]);return {...l,loading:g,error:r,toggle:o,refresh:a}}export{L as estimateCost,ft as useNetworkStats,p as useRackClient,Z as useRackRegister,X as useRackSession,Q as useRepoPush,W as useRepoTree,J as useRepos,nt as useSkillStats,kt as useStar,it as useTensorStats,dt as useTrending};
|
package/dist/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
'use strict';var react=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');async function T(n,e,s){let t=await fetch(`${n}${e}`,{...s,headers:{"Content-Type":"application/json",...s?.headers}});if(!t.ok){let o=`HTTP ${t.status}`;try{let a=await t.json();a.error&&(o=a.error);}catch{}throw new Error(o)}return t.json()}function z(n){let e=n.apiBaseUrl,s=n.authorMid,t=n.ownerMid;return react.useMemo(()=>({async listRepos(o){let a=o||t?`?owner=${encodeURIComponent(o||t)}`:"";return (await T(e,`/api/rack/repos${a}`)).repos||[]},async initRepo(o){return T(e,"/api/rack/init",{method:"POST",body:JSON.stringify({...o,owner_mid:t})})},async push(o,a){return T(e,`/api/rack/${o}/push`,{method:"POST",body:JSON.stringify({...a,author_mid:s})})},async getTree(o,a="main"){let i=await T(e,`/api/rack/${o}/tree/${a}`);return {tree:i.tree,commit_cid:i.commit_cid}},async getBlob(o,a){return (await T(e,`/api/rack/${o}/blob/${a}`)).content},async getLog(o,a,i){let l=new URLSearchParams;a&&l.set("ref",a),i&&l.set("max_count",String(i));let m=l.toString()?`?${l}`:"";return (await T(e,`/api/rack/${o}/log${m}`)).commits||[]},async getBranches(o){return (await T(e,`/api/rack/${o}/branches`)).branches||[]},async getDiff(o,a,i){return (await T(e,`/api/rack/${o}/diff/${a}/${i}`)).diff?.entries||[]}}),[e,s,t])}function _(n){let e=z(n),s=react.useRef(e);s.current=e;let[t,o]=react.useState([]),[a,i]=react.useState(true),[l,m]=react.useState(null),p=react.useRef(true),f=react.useRef(null),x=react.useCallback(async()=>{f.current?.abort();let u=new AbortController;f.current=u;try{p.current&&(i(!0),m(null));let d=await s.current.listRepos();p.current&&!u.signal.aborted&&o(d);}catch(d){p.current&&!u.signal.aborted&&m(d instanceof Error?d.message:"Failed to load repos");}finally{p.current&&!u.signal.aborted&&i(false);}},[]);return react.useEffect(()=>(p.current=true,x(),()=>{p.current=false,f.current?.abort();}),[x]),{repos:t,loading:a,error:l,refresh:x}}function me(n){return Object.entries(n).map(([e,s])=>{let t=s.indexOf(":"),o=t>0?s.slice(0,t):"100644",a=t>0?s.slice(t+1):s;return {path:e,mode:o,cid:a,isDir:o==="040000"}}).sort((e,s)=>e.isDir!==s.isDir?e.isDir?-1:1:e.path.localeCompare(s.path))}function F(n,e,s="main"){let t=z(n),[o,a]=react.useState([]),[i,l]=react.useState(false),[m,p]=react.useState(null),f=react.useRef(true),x=react.useCallback(async()=>{if(e)try{f.current&&(l(!0),p(null));let{tree:d}=await t.getTree(e,s);f.current&&a(me(d.entries));}catch(d){f.current&&p(d instanceof Error?d.message:"Failed to load tree");}finally{f.current&&l(false);}},[t,e,s]);react.useEffect(()=>(f.current=true,x(),()=>{f.current=false;}),[x]);let u=react.useCallback(async d=>{if(!e)throw new Error("No repo selected");return t.getBlob(e,d)},[t,e]);return {entries:o,loading:i,error:m,refresh:x,getFileContent:u}}function he(n){let e=z(n),[s,t]=react.useState(false),[o,a]=react.useState(null),i=react.useRef(true);return react.useEffect(()=>(i.current=true,()=>{i.current=false;}),[]),{push:react.useCallback(async(m,p,f,x)=>{try{return i.current&&(t(!0),a(null)),await e.push(m,{files:p,message:f,branch:x})}catch(u){let d=u instanceof Error?u.message:"Push failed";return i.current&&a(d),null}finally{i.current&&t(false);}},[e]),pushing:s,error:o}}function N(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var we=/^(https?:\/\/|mailto:|\/[^/])/i;function be(n){let e=n.trim();return we.test(e)?e:null}function M(n){let e=[],s=/(`[^`]+`)|(\*\*(.+?)\*\*)|(\*(.+?)\*)|(_(.+?)_)|(\[([^\]]+)\]\(([^)]+)\))/g,t=0,o,a=0;for(;(o=s.exec(n))!==null;){o.index>t&&e.push(n.slice(t,o.index));let i=`i${a++}`;if(o[1])e.push(jsxRuntime.jsx("code",{className:"rounded bg-muted px-1.5 py-0.5 text-[0.85em] font-mono text-pink-400",children:o[1].slice(1,-1)},i));else if(o[2])e.push(jsxRuntime.jsx("strong",{children:o[3]},i));else if(o[4])e.push(jsxRuntime.jsx("em",{children:o[5]},i));else if(o[6])e.push(jsxRuntime.jsx("em",{children:o[7]},i));else if(o[8]){let l=be(o[10]);l?e.push(jsxRuntime.jsx("a",{href:l,className:"text-blue-400 underline hover:text-blue-300",target:"_blank",rel:"noopener noreferrer",children:o[9]},i)):e.push(o[9]);}t=o.index+o[0].length;}return t<n.length&&e.push(n.slice(t)),e.length>0?e:[n]}function ye(n){let e=n.split(`
|
|
2
|
-
`),
|
|
3
|
-
`),lang:
|
|
1
|
+
'use strict';var react=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');async function w(t,e,o,n){let s={"Content-Type":"application/json",...o?.headers};n&&(s.Authorization=`Bearer ${n}`);let u=await fetch(`${t}${e}`,{...o,headers:s});if(!u.ok){let r=`HTTP ${u.status}`;try{let a=await u.json();a.error&&(r=a.error);}catch{}throw new Error(r)}return u.json()}function I(t){let e=t.indexOf(":");return {mode:t.slice(0,e),cid:t.slice(e+1)}}function x(t){let e=t.apiBaseUrl,o=t.authorMid,n=t.ownerMid,s=t.apiKey,u=t.stacknetUrl||t.apiBaseUrl;return react.useMemo(()=>({async listRepos(r){let a=r||n?`?owner=${encodeURIComponent(r||n)}`:"";return (await w(e,`/api/rack/repos${a}`,void 0,s)).repos||[]},async initRepo(r){return w(e,"/api/rack/init",{method:"POST",body:JSON.stringify({...r,owner_mid:n})},s)},async push(r,a){return w(e,`/api/rack/${r}/push`,{method:"POST",body:JSON.stringify({...a,author_mid:o})},s)},async getTree(r,a="main"){let l=await w(e,`/api/rack/${r}/tree/${a}`,void 0,s);return {tree:l.tree,commit_cid:l.commit_cid}},async getBlob(r,a){return (await w(e,`/api/rack/${r}/blob/${a}`,void 0,s)).content},async getLog(r,a,l){let c=new URLSearchParams;a&&c.set("ref",a),l&&c.set("max_count",String(l));let d=c.toString()?`?${c}`:"";return (await w(e,`/api/rack/${r}/log${d}`,void 0,s)).commits||[]},async getBranches(r){return (await w(e,`/api/rack/${r}/branches`,void 0,s)).branches||[]},async createBranch(r,a,l){return w(e,`/api/rack/${r}/branch`,{method:"POST",body:JSON.stringify({branch_name:a,from_ref:l})},s)},async merge(r,a,l){return w(e,`/api/rack/${r}/merge`,{method:"POST",body:JSON.stringify({source_branch:a,target_branch:l})},s)},async getDiff(r,a,l){return (await w(e,`/api/rack/${r}/diff/${a}/${l}`,void 0,s)).diff?.entries||[]},async starRepo(r){return w(e,`/api/rack/${r}/star`,{method:"POST"},s)},async unstarRepo(r){return w(e,`/api/rack/${r}/star`,{method:"DELETE"},s)},async getStarInfo(r){return w(e,`/api/rack/${r}/stars`,void 0,s)},async getSkillStats(r){let a={meta:null,tokenCount:null,usageCount:null};try{let{tree:l}=await this.getTree(r,"main");if(!l?.entries)return a;if(l.entries["META.json"]){let f=I(l.entries["META.json"]).cid,m=await this.getBlob(r,f);a.meta=JSON.parse(m);}let c=0,d=Object.values(l.entries).map(async f=>{try{let m=I(f).cid,g=await this.getBlob(r,m);c+=g.length;}catch{}});await Promise.all(d),c>0&&(a.tokenCount=Math.ceil(c/4)),a.meta?.skill_id&&(a.usageCount=await this.getSkillUsageCount(a.meta.skill_id));}catch{}return a},async getSkillUsageCount(r){try{let a=await fetch(`${u}/v1/skills/${encodeURIComponent(r)}`);if(a.ok){let c=await a.json();return c.usage_count??c.usageCount??null}let l=await fetch(`${u}/v1/skills?scope=public`);if(l.ok){let d=((await l.json()).skills||[]).find(f=>f.name===r||f.id===r);if(d)return d.usage_count??d.usageCount??0}return 0}catch{return null}},async getTensorStats(r){let a={meta:null,sizeMB:null};try{let{tree:l}=await this.getTree(r,"main");if(!l?.entries)return a;if(l.entries["TENSOR_META.json"]){let c=I(l.entries["TENSOR_META.json"]).cid,d=await this.getBlob(r,c);a.meta=JSON.parse(d),a.sizeMB=a.meta?.tensor_size_mb??null;}}catch{}return a},async getNetworkStats(){try{return (await w(e,"/api/rack/stats",void 0,s)).stats||null}catch{return null}},async getTrending(r=5,a=1){try{return (await w(e,`/api/rack/trending?limit=${r}&days=${a}`,void 0,s)).trending||[]}catch{return []}}}),[e,o,n,s,u])}function A(t){let e=x(t),o=react.useRef(e);o.current=e;let[n,s]=react.useState([]),[u,r]=react.useState(true),[a,l]=react.useState(null),c=react.useRef(true),d=react.useRef(null),f=react.useCallback(async()=>{d.current?.abort();let m=new AbortController;d.current=m;try{c.current&&(r(!0),l(null));let g=await o.current.listRepos();c.current&&!m.signal.aborted&&s(g);}catch(g){c.current&&!m.signal.aborted&&l(g instanceof Error?g.message:"Failed to load repos");}finally{c.current&&!m.signal.aborted&&r(false);}},[]);return react.useEffect(()=>(c.current=true,f(),()=>{c.current=false,d.current?.abort();}),[f]),{repos:n,loading:u,error:a,refresh:f}}function Ee(t){return Object.entries(t).map(([e,o])=>{let n=o.indexOf(":"),s=n>0?o.slice(0,n):"100644",u=n>0?o.slice(n+1):o;return {path:e,mode:s,cid:u,isDir:s==="040000"}}).sort((e,o)=>e.isDir!==o.isDir?e.isDir?-1:1:e.path.localeCompare(o.path))}function U(t,e,o="main"){let n=x(t),[s,u]=react.useState([]),[r,a]=react.useState(false),[l,c]=react.useState(null),d=react.useRef(true),f=react.useCallback(async()=>{if(e)try{d.current&&(a(!0),c(null));let{tree:g}=await n.getTree(e,o);d.current&&u(Ee(g.entries));}catch(g){d.current&&c(g instanceof Error?g.message:"Failed to load tree");}finally{d.current&&a(false);}},[n,e,o]);react.useEffect(()=>(d.current=true,f(),()=>{d.current=false;}),[f]);let m=react.useCallback(async g=>{if(!e)throw new Error("No repo selected");return n.getBlob(e,g)},[n,e]);return {entries:s,loading:r,error:l,refresh:f,getFileContent:m}}function Me(t){let e=x(t),[o,n]=react.useState(false),[s,u]=react.useState(null),r=react.useRef(true);return react.useEffect(()=>(r.current=true,()=>{r.current=false;}),[]),{push:react.useCallback(async(l,c,d,f)=>{try{return r.current&&(n(!0),u(null)),await e.push(l,{files:c,message:d,branch:f})}catch(m){let g=m instanceof Error?m.message:"Push failed";return r.current&&u(g),null}finally{r.current&&n(false);}},[e]),pushing:o,error:s}}var j="stacknet-rack-apikey";function ze(t){let e=t.stacknetUrl||t.apiBaseUrl,[o,n]=react.useState({authenticated:false}),[s,u]=react.useState(null),[r,a]=react.useState(false),l=react.useCallback(m=>({"Content-Type":"application/json",...m||t.apiKey?{Authorization:`Bearer ${m||t.apiKey}`}:{}}),[t.apiKey]),c=react.useCallback(async m=>{a(true);try{let g=await fetch(`${e}/health`,{headers:l(m)});if(!g.ok)throw new Error(`Authentication failed: ${g.status}`);let p={authenticated:!0,apiKey:m,permission:m.startsWith("gk_")?"write":"read"};n(p);try{localStorage.setItem(j,m);}catch{}return p}catch(g){throw n({authenticated:false}),g}finally{a(false);}},[e,l]),d=react.useCallback(()=>{n({authenticated:false}),u(null);try{localStorage.removeItem(j);}catch{}},[]),f=react.useCallback(async()=>{let m=o.apiKey||t.apiKey;if(!m)return null;try{let g=await fetch(`${e}/network/usage`,{headers:l(m)});if(!g.ok)return null;let p=await g.json(),v={planAllocation:p.plan_allocation??p.planAllocation??0,inferenceUsed:p.inference_used??p.inferenceUsed??0,ledgerSpent:p.ledger_spent??p.ledgerSpent??0,totalUsed:p.total_used??p.totalUsed??0,remaining:p.remaining??0,percent:p.percent??0,exceeded:p.exceeded??!1};return u(v),v}catch{return null}},[o.apiKey,t.apiKey,e,l]);return react.useEffect(()=>{let m=t.apiKey;if(m){n({authenticated:true,apiKey:m,permission:m.startsWith("gk_")?"write":"read"});return}try{let g=localStorage.getItem(j);g&&n({authenticated:!0,apiKey:g,permission:g.startsWith("gk_")?"write":"read"});}catch{}},[t.apiKey]),{session:o,budget:s,loading:r,login:c,logout:d,refreshBudget:f}}var oe=1e3,ae=1e3,ie=100;function le(t,e){if(t==="skill"){let s=ie+Math.ceil(e/4);return {type:t,totalBytes:e,totalMegabytes:e/1e6,baseCost:s,multiplier:oe,registrationCostTokens:s*oe}}let o=Math.ceil(e/1e6),n=ie+o;return {type:t,totalBytes:e,totalMegabytes:o,baseCost:n,multiplier:ae,registrationCostTokens:n*ae}}function Le(t){let e=t.stacknetUrl||t.apiBaseUrl,o=t.apiKey,[n,s]=react.useState(false),[u,r]=react.useState(null),a=react.useCallback(()=>{if(!o)throw new Error("API key required for registration. Call login() first.");return {"Content-Type":"application/json",Authorization:`Bearer ${o}`}},[o]),l=react.useCallback(async d=>{s(true),r(null);try{let f=await fetch(`${e}/skills`,{method:"POST",headers:a(),body:JSON.stringify(d)});if(!f.ok){let m=await f.json().catch(()=>({error:`HTTP ${f.status}`}));throw new Error(m.error||`Registration failed: ${f.status}`)}return await f.json()}catch(f){throw r(f.message),f}finally{s(false);}},[e,a]),c=react.useCallback(async d=>{s(true),r(null);try{let f=await fetch(`${e}/tensors`,{method:"POST",headers:a(),body:JSON.stringify(d)});if(!f.ok){let m=await f.json().catch(()=>({error:`HTTP ${f.status}`}));throw new Error(m.error||`Registration failed: ${f.status}`)}return await f.json()}catch(f){throw r(f.message),f}finally{s(false);}},[e,a]);return {registerSkill:l,registerTensor:c,estimateCost:le,registering:n,error:u}}function Oe(t,e){let o=x(t),[n,s]=react.useState({meta:null,tokenCount:null,usageCount:null}),[u,r]=react.useState(false),[a,l]=react.useState(null),c=react.useRef(true),d=react.useCallback(async()=>{if(e){r(true),l(null);try{let f=await o.getSkillStats(e);c.current&&s(f);}catch(f){c.current&&l(f.message);}finally{c.current&&r(false);}}},[o,e]);return react.useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]),{stats:n,loading:u,error:a,refresh:d}}function He(t,e){let o=x(t),[n,s]=react.useState({meta:null,sizeMB:null}),[u,r]=react.useState(false),[a,l]=react.useState(null),c=react.useRef(true),d=react.useCallback(async()=>{if(e){r(true),l(null);try{let f=await o.getTensorStats(e);c.current&&s(f);}catch(f){c.current&&l(f.message);}finally{c.current&&r(false);}}},[o,e]);return react.useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]),{stats:n,loading:u,error:a,refresh:d}}function Ve(t){let e=x(t),[o,n]=react.useState(null),[s,u]=react.useState(false),[r,a]=react.useState(null),l=react.useRef(true),c=react.useCallback(async()=>{u(true),a(null);try{let d=await e.getNetworkStats();l.current&&n(d);}catch(d){l.current&&a(d.message);}finally{l.current&&u(false);}},[e]);return react.useEffect(()=>(l.current=true,c(),()=>{l.current=false;}),[c]),{stats:o,loading:s,error:r,refresh:c}}function Ye(t,e=5,o=1){let n=x(t),[s,u]=react.useState([]),[r,a]=react.useState(false),[l,c]=react.useState(null),d=react.useRef(true),f=react.useCallback(async m=>{a(true),c(null);try{let g=await n.getTrending(e,m??o);d.current&&u(g);}catch(g){d.current&&c(g.message);}finally{d.current&&a(false);}},[n,e,o]);return react.useEffect(()=>(d.current=true,f(),()=>{d.current=false;}),[f]),{repos:s,loading:r,error:l,refresh:f}}function et(t,e){let o=x(t),[n,s]=react.useState({stars:0,starred:false,repo_id:e||""}),[u,r]=react.useState(false),[a,l]=react.useState(null),c=react.useRef(true),d=react.useCallback(async()=>{if(e)try{let m=await o.getStarInfo(e);c.current&&s(m);}catch{}},[o,e]);react.useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]);let f=react.useCallback(async()=>{if(e){r(true),l(null);try{let m=n.starred?await o.unstarRepo(e):await o.starRepo(e);c.current&&s({stars:m.stars,starred:m.starred,repo_id:e});}catch(m){c.current&&l(m.message);}finally{c.current&&r(false);}}},[o,e,n.starred]);return {...n,loading:u,error:a,toggle:f,refresh:d}}function C(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var nt=/^(https?:\/\/|mailto:|\/[^/])/i;function st(t){let e=t.trim();return nt.test(e)?e:null}function _(t){let e=[],o=/(`[^`]+`)|(\*\*(.+?)\*\*)|(\*(.+?)\*)|(_(.+?)_)|(\[([^\]]+)\]\(([^)]+)\))/g,n=0,s,u=0;for(;(s=o.exec(t))!==null;){s.index>n&&e.push(t.slice(n,s.index));let r=`i${u++}`;if(s[1])e.push(jsxRuntime.jsx("code",{className:"rounded bg-muted px-1.5 py-0.5 text-[0.85em] font-mono text-pink-400",children:s[1].slice(1,-1)},r));else if(s[2])e.push(jsxRuntime.jsx("strong",{children:s[3]},r));else if(s[4])e.push(jsxRuntime.jsx("em",{children:s[5]},r));else if(s[6])e.push(jsxRuntime.jsx("em",{children:s[7]},r));else if(s[8]){let a=st(s[10]);a?e.push(jsxRuntime.jsx("a",{href:a,className:"text-blue-400 underline hover:text-blue-300",target:"_blank",rel:"noopener noreferrer",children:s[9]},r)):e.push(s[9]);}n=s.index+s[0].length;}return n<t.length&&e.push(t.slice(n)),e.length>0?e:[t]}function ot(t){let e=t.split(`
|
|
2
|
+
`),o=[],n=0;for(;n<e.length;){let s=e[n];if(s.trim()===""){n++;continue}if(/^(-{3,}|\*{3,}|_{3,})$/.test(s.trim())){o.push({type:"hr"}),n++;continue}let u=s.match(/^(#{1,6})\s+(.+)/);if(u){o.push({type:"heading",level:u[1].length,content:u[2]}),n++;continue}if(s.trim().startsWith("```")){let a=s.trim().slice(3).trim(),l=[];for(n++;n<e.length&&!e[n].trim().startsWith("```");)l.push(e[n]),n++;o.push({type:"code",content:l.join(`
|
|
3
|
+
`),lang:a||void 0}),n++;continue}if(/^\s*[-*+]\s/.test(s)){let a=[];for(;n<e.length&&/^\s*[-*+]\s/.test(e[n]);)a.push(e[n].replace(/^\s*[-*+]\s+/,"")),n++;o.push({type:"ul",items:a});continue}if(/^\s*\d+[.)]\s/.test(s)){let a=[];for(;n<e.length&&/^\s*\d+[.)]\s/.test(e[n]);)a.push(e[n].replace(/^\s*\d+[.)]\s+/,"")),n++;o.push({type:"ol",items:a});continue}let r=[];for(;n<e.length&&e[n].trim()!==""&&!e[n].match(/^#{1,6}\s/)&&!e[n].trim().startsWith("```")&&!/^\s*[-*+]\s/.test(e[n])&&!/^\s*\d+[.)]\s/.test(e[n]);)r.push(e[n]),n++;r.length>0&&o.push({type:"paragraph",content:r.join(" ")});}return o}var at={1:"text-2xl font-bold mt-6 mb-3",2:"text-xl font-bold mt-5 mb-2",3:"text-lg font-semibold mt-4 mb-2",4:"text-base font-semibold mt-3 mb-1",5:"text-sm font-semibold mt-2 mb-1",6:"text-sm font-medium mt-2 mb-1"};function it(t,e){switch(t.type){case "hr":return jsxRuntime.jsx("hr",{className:"my-4 border-border"},`b${e}`);case "heading":{let o=Math.min(Math.max(t.level||1,1),6),n=`h${o}`;return jsxRuntime.jsx(n,{className:C("text-foreground",at[o]),children:_(t.content||"")},`b${e}`)}case "paragraph":return jsxRuntime.jsx("p",{className:"mb-3 leading-relaxed text-foreground",children:_(t.content||"")},`b${e}`);case "code":return jsxRuntime.jsx("pre",{className:"mb-3 overflow-x-auto rounded-lg bg-muted p-4 text-sm font-mono leading-relaxed text-foreground",children:jsxRuntime.jsx("code",{children:t.content})},`b${e}`);case "ul":return jsxRuntime.jsx("ul",{className:"mb-3 ml-5 list-disc space-y-1 text-foreground",children:t.items?.map((o,n)=>jsxRuntime.jsx("li",{className:"leading-relaxed",children:_(o)},`li${e}-${n}`))},`b${e}`);case "ol":return jsxRuntime.jsx("ol",{className:"mb-3 ml-5 list-decimal space-y-1 text-foreground",children:t.items?.map((o,n)=>jsxRuntime.jsx("li",{className:"leading-relaxed",children:_(o)},`li${e}-${n}`))},`b${e}`);default:return null}}function V({content:t,className:e}){let o=ot(t);return jsxRuntime.jsx("div",{className:C("text-sm",e),children:o.map((n,s)=>it(n,s))})}function me({open:t,className:e}){return jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:C("shrink-0 transition-transform duration-150",t?"rotate-0":"-rotate-90",e),children:jsxRuntime.jsx("path",{d:"M16.134 6.16a.5.5 0 1 1 .732.68l-6.5 7-.077.068a.5.5 0 0 1-.655-.068l-6.5-7-.062-.08a.5.5 0 0 1 .718-.667l.076.067L10 12.767z"})})}function ue({size:t=20,className:e}){return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsxRuntime.jsx("path",{d:"M8.5 2a6.5 6.5 0 0 1 4.935 10.728l4.419 4.419.064.078a.5.5 0 0 1-.693.693l-.079-.064-4.419-4.42A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"})})}function Z({size:t=20,className:e}){return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsxRuntime.jsx("path",{d:"M15.147 4.146a.5.5 0 0 1 .707.707L10.707 10l5.147 5.147a.5.5 0 0 1-.63.771l-.078-.064L10 10.707l-5.146 5.147a.5.5 0 0 1-.708-.707L9.293 10 4.146 4.853a.5.5 0 0 1 .708-.707L10 9.293z"})})}function ge({size:t=20,className:e}){return jsxRuntime.jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsxRuntime.jsx("path",{d:"M10 3a.5.5 0 0 1 .5.5v6h6l.1.01a.5.5 0 0 1 0 .98l-.1.01h-6v6a.5.5 0 0 1-1 0v-6h-6a.5.5 0 0 1 0-1h6v-6A.5.5 0 0 1 10 3"})})}function ut(){return jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsxRuntime.jsx("path",{d:"M6.5 3A2.5 2.5 0 0 0 4 5.5v9A2.5 2.5 0 0 0 6.5 17h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13.5 5H11V3.5a.5.5 0 0 0-1 0V5H6.5ZM5 5.5A1.5 1.5 0 0 1 6.5 4H9v1H6.5A1.5 1.5 0 0 0 5 6.5v8A1.5 1.5 0 0 0 6.5 16h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 6H11V4h2.5A2.5 2.5 0 0 1 16 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 4 14.5v-9Z"})})}function dt(){return jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsxRuntime.jsx("path",{d:"M5.5 3A2.5 2.5 0 0 0 3 5.5v9A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 14.5 3h-9ZM4 5.5A1.5 1.5 0 0 1 5.5 4h9A1.5 1.5 0 0 1 16 5.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-9ZM7 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm0 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z"})})}function ft(){return jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsxRuntime.jsx("path",{d:"M10 2a.5.5 0 0 1 .354.146l3 3a.5.5 0 0 1-.708.708L10.5 3.707V12.5a.5.5 0 0 1-1 0V3.707L7.354 5.854a.5.5 0 1 1-.708-.708l3-3A.5.5 0 0 1 10 2ZM4 13.5a.5.5 0 0 1 1 0v1A1.5 1.5 0 0 0 6.5 16h7a1.5 1.5 0 0 0 1.5-1.5v-1a.5.5 0 0 1 1 0v1a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 4 14.5v-1Z"})})}function pe(){let[t,e]=react.useState(false);return react.useEffect(()=>{if(typeof window>"u")return;let o=()=>e(window.innerWidth<768);return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}function he({onClose:t,children:e,title:o}){let n=pe(),s=react.useRef(t);return s.current=t,react.useEffect(()=>{let u=r=>{r.key==="Escape"&&s.current();};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[]),n?jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex items-end justify-center",onClick:t,children:[jsxRuntime.jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxRuntime.jsxs("div",{className:"relative z-10 w-full max-h-[90vh] overflow-y-auto rounded-t-2xl bg-[#1a1a1a] p-5 pb-8 animate-in slide-in-from-bottom duration-200",onClick:u=>u.stopPropagation(),children:[jsxRuntime.jsx("div",{className:"mx-auto mb-4 h-1 w-10 rounded-full bg-zinc-600"}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between mb-5",children:[jsxRuntime.jsx("h2",{className:"text-lg font-semibold text-foreground",children:o}),jsxRuntime.jsx("button",{onClick:t,className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsxRuntime.jsx(Z,{size:20})})]}),e]})]}):jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",onClick:t,children:[jsxRuntime.jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxRuntime.jsxs("div",{className:"relative z-10 w-full max-w-lg overflow-y-auto rounded-2xl bg-[#1a1a1a] p-6 shadow-2xl animate-in fade-in zoom-in-95 duration-150",onClick:u=>u.stopPropagation(),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between mb-5",children:[jsxRuntime.jsx("h2",{className:"text-lg font-semibold text-foreground",children:o}),jsxRuntime.jsx("button",{onClick:t,className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsxRuntime.jsx(Z,{size:20})})]}),e]})]})}function mt({onClose:t,onCreated:e,config:o}){let[n,s]=react.useState(""),[u,r]=react.useState(""),[a,l]=react.useState(""),[c,d]=react.useState(false),[f,m]=react.useState(null);return jsxRuntime.jsx(he,{title:"Write skill instructions",onClose:t,children:jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsxs("div",{className:"space-y-1.5",children:[jsxRuntime.jsx("label",{htmlFor:"skill-name",className:"text-sm text-muted-foreground",children:"Skill name"}),jsxRuntime.jsx("input",{id:"skill-name",value:n,onChange:p=>s(p.target.value),placeholder:"weekly-status-report",className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),jsxRuntime.jsxs("div",{className:"space-y-1.5",children:[jsxRuntime.jsx("label",{htmlFor:"skill-desc",className:"text-sm text-muted-foreground",children:"Description"}),jsxRuntime.jsx("textarea",{id:"skill-desc",value:u,onChange:p=>r(p.target.value),placeholder:"Generate weekly status reports from recent work.",rows:3,className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),jsxRuntime.jsxs("div",{className:"space-y-1.5",children:[jsxRuntime.jsx("label",{htmlFor:"skill-instructions",className:"text-sm text-muted-foreground",children:"Instructions"}),jsxRuntime.jsx("textarea",{id:"skill-instructions",value:a,onChange:p=>l(p.target.value),placeholder:"Summarize my recent work in three sections: wins, blockers, and next steps.",rows:8,className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),f&&jsxRuntime.jsx("p",{className:"text-sm text-red-500",children:f}),jsxRuntime.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[jsxRuntime.jsx("button",{onClick:t,className:"rounded-lg border border-zinc-700 px-4 py-2 text-sm text-foreground hover:bg-zinc-800",children:"Cancel"}),jsxRuntime.jsx("button",{onClick:async()=>{if(n.trim()){d(true),m(null);try{let p=o.apiBaseUrl||"",v=`# ${n.trim()}
|
|
4
4
|
|
|
5
|
-
${
|
|
5
|
+
${u.trim()}
|
|
6
6
|
|
|
7
7
|
---
|
|
8
8
|
|
|
9
|
-
${l.trim()}`,k=await fetch(`${v}/api/rack/${E}/push`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({files:[{path:"SKILL.md",content:P}],message:"Initial skill definition",author_mid:s.authorMid})});if(!k.ok){let b=`Failed to save skill (${k.status})`;try{let y=await k.json();y.error&&(b=y.error);}catch{}throw new Error(b)}e?.(),n();}catch(v){u(v instanceof Error?v.message:"Failed to create skill");}finally{f(false);}}},disabled:p||!t.trim(),className:"rounded-lg bg-zinc-600 px-4 py-2 text-sm font-medium text-white hover:bg-zinc-500 disabled:opacity-50",children:p?"Creating...":"Create"})]})]})})}function $e({onClose:n,onCreated:e,config:s}){let t=react.useRef(null),[o,a]=react.useState(false),[i,l]=react.useState(false),[m,p]=react.useState(null),f=async u=>{l(true),p(null);try{let d=await u.text(),v=s.apiBaseUrl||"",R=u.name.replace(/\.[^.]+$/,"").replace(/[^a-zA-Z0-9-_]/g,"-"),E=await fetch(`${v}/api/rack/init`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:R,owner_mid:s.ownerMid,is_gitagent:!0})});if(!E.ok){let b=`Failed to create repo (${E.status})`;try{let y=await E.json();y.error&&(b=y.error);}catch{}throw new Error(b)}let{repo_id:P}=await E.json(),k=await fetch(`${v}/api/rack/${P}/push`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({files:[{path:u.name,content:d}],message:`Upload ${u.name}`,author_mid:s.authorMid})});if(!k.ok){let b=`Upload failed (${k.status})`;try{let y=await k.json();y.error&&(b=y.error);}catch{}throw new Error(b)}e?.(),n();}catch(d){p(d instanceof Error?d.message:"Upload failed");}finally{l(false);}};return jsxRuntime.jsx(te,{title:"Upload skill",onClose:n,children:jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsxs("div",{onDragOver:u=>{u.preventDefault(),a(true);},onDragLeave:()=>a(false),onDrop:u=>{u.preventDefault(),a(false);let d=u.dataTransfer.files[0];d&&f(d);},onClick:()=>t.current?.click(),className:N("flex cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-10 transition-colors",o?"border-zinc-400 bg-zinc-800/50":"border-zinc-700 hover:border-zinc-500"),children:[jsxRuntime.jsx("div",{className:"rounded-lg border border-zinc-600 p-2",children:jsxRuntime.jsx(X,{size:20,className:"text-muted-foreground"})}),jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground",children:i?"Uploading...":"Drag and drop or click to upload"})]}),jsxRuntime.jsx("input",{ref:t,type:"file",accept:".md,.zip,.skill,.txt,.yml,.yaml",className:"hidden","aria-label":"Upload skill file",onChange:u=>{let d=u.target.files?.[0];d&&f(d);}}),m&&jsxRuntime.jsx("p",{className:"text-sm text-red-500",children:m}),jsxRuntime.jsxs("div",{className:"space-y-2 text-xs text-muted-foreground",children:[jsxRuntime.jsx("p",{className:"font-medium text-foreground/70",children:"File requirements"}),jsxRuntime.jsxs("ul",{className:"list-disc pl-5 space-y-1",children:[jsxRuntime.jsx("li",{children:".md file must contain skill name and description formatted in YAML"}),jsxRuntime.jsx("li",{children:".zip or .skill file must include a SKILL.md file"})]})]})]})})}function Se({onClose:n,onSelect:e}){let s=ee(),t=react.useRef(null),o=react.useRef(n);o.current=n,react.useEffect(()=>{if(s)return;let i=l=>{t.current&&l.target instanceof Node&&!t.current.contains(l.target)&&o.current();};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[s]);let a=[{id:"create-with-geoff",icon:jsxRuntime.jsx(Ee,{}),label:"Create with Geoff"},{id:"write",icon:jsxRuntime.jsx(Te,{}),label:"Write skill instructions"},{id:"upload",icon:jsxRuntime.jsx(ze,{}),label:"Upload a skill"}];return s?jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex items-end",onClick:n,children:[jsxRuntime.jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxRuntime.jsxs("div",{className:"relative z-10 w-full rounded-t-2xl bg-[#1a1a1a] p-4 pb-8 animate-in slide-in-from-bottom duration-200",onClick:i=>i.stopPropagation(),children:[jsxRuntime.jsx("div",{className:"mx-auto mb-3 h-1 w-10 rounded-full bg-zinc-600"}),a.map(i=>jsxRuntime.jsxs("button",{onClick:()=>{e(i.id),n();},className:"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-800",children:[i.icon,i.label]},i.id))]})]}):jsxRuntime.jsx("div",{ref:t,className:"absolute right-2 top-11 z-50 w-56 overflow-hidden rounded-xl border border-zinc-700 bg-[#2a2a2a] shadow-xl animate-in fade-in zoom-in-95 duration-100",children:a.map(i=>jsxRuntime.jsxs("button",{onClick:()=>{e(i.id),n();},className:"flex w-full items-center gap-3 px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-700/50",children:[i.icon,i.label]},i.id))})}function Me({entry:n,selected:e,onSelect:s,depth:t=0}){return jsxRuntime.jsxs("button",{onClick:()=>s(n),className:N("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),style:{paddingLeft:`${8+t*16}px`},children:[jsxRuntime.jsx("span",{className:"truncate flex-1",children:n.path.split("/").pop()}),n.isDir&&jsxRuntime.jsx(Y,{className:"ml-auto text-muted-foreground"})]})}function Ie({repo:n,selected:e,expanded:s,onSelect:t,onToggle:o,children:a}){return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{onClick:()=>{t(),o();},className:N("flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),children:[jsxRuntime.jsx(Y,{open:s}),jsxRuntime.jsx(lucideReact.FileText,{className:"h-4 w-4 shrink-0"}),jsxRuntime.jsx("span",{className:"truncate",children:n.name})]}),s&&a]})}function Le({entry:n,content:e,loading:s,repoName:t}){let[o,a]=react.useState(false),i=react.useRef(null);react.useEffect(()=>()=>{i.current&&clearTimeout(i.current);},[]);let[l,m]=react.useState(false),p=async()=>{if(e)try{await navigator.clipboard.writeText(e),a(!0),m(!1),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>a(!1),2e3);}catch{m(true),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>m(false),2e3);}};if(!n)return jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center text-sm text-muted-foreground",children:"Select a file to view its content"});if(s)return jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsx(lucideReact.Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})});let f=n.path.split("/").pop()||n.path,x=/\.(md|mdx)$/i.test(f);return jsxRuntime.jsxs("div",{className:"flex h-full flex-col px-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[jsxRuntime.jsx("h3",{className:"text-sm sm:text-lg font-semibold text-foreground",children:f}),jsxRuntime.jsx("button",{onClick:p,"aria-label":"Copy file content",className:N("rounded p-1 transition-colors",o?"text-green-500":l?"text-red-500":"text-muted-foreground hover:text-foreground"),children:jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsxRuntime.jsx("path",{d:"M12.5 3A1.5 1.5 0 0 1 14 4.5V6h1.5A1.5 1.5 0 0 1 17 7.5v8a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 6 15.5V14H4.5A1.5 1.5 0 0 1 3 12.5v-8A1.5 1.5 0 0 1 4.5 3zm1.5 9.5a1.5 1.5 0 0 1-1.5 1.5H7v1.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5H14zM4.5 4a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"})})})]}),jsxRuntime.jsx("div",{className:"flex-1 overflow-auto p-4",children:x?jsxRuntime.jsx(U,{content:e||""}):jsxRuntime.jsx("pre",{className:"whitespace-pre-wrap text-sm text-foreground font-mono leading-relaxed",children:e||""})})]})}function Ae({config:n,category:e,className:s,style:t}){let{repos:o,loading:a,error:i,refresh:l}=_(n),[m,p]=react.useState(null),[f,x]=react.useState(null),[u,d]=react.useState(null),[v,R]=react.useState(null),[E,P]=react.useState(false),[k,b]=react.useState(""),[y,j]=react.useState(false),[O,H]=react.useState(false),[V,I]=react.useState(null),re=o.find(g=>g.repo_id===m),{entries:ne,getFileContent:Z}=F(n,f),W=o.filter(g=>!k||g.name.toLowerCase().includes(k.toLowerCase())),oe=react.useCallback(async g=>{if(!g.isDir){d(g),P(true);try{let C=await Z(g.cid);R(C);}catch(C){let ie=C instanceof Error?C.message:"Unknown error";R(`Failed to load file: ${ie}`);}finally{P(false);}}},[Z]);react.useEffect(()=>{o.length>0&&!m&&(p(o[0].repo_id),x(o[0].repo_id));},[o,m]);let se=g=>{g==="create-with-geoff"?window.open(`https://www.geoff.ai/?p=${encodeURIComponent("Let's create a skill together using your skill-creator skill. First ask me what the skill should do.")}`,"_blank","noopener,noreferrer"):I(g);};return jsxRuntime.jsxs("div",{className:N("flex flex-1 h-full min-h-0",s),style:t,children:[jsxRuntime.jsxs("div",{className:"relative flex w-96 shrink-0 flex-col border-r",children:[jsxRuntime.jsx("div",{className:"flex h-12 items-center gap-2 px-3",children:y?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex flex-1 items-center gap-2 rounded-md border bg-muted/50 px-2 py-1",children:[jsxRuntime.jsx(G,{size:16,className:"shrink-0 text-muted-foreground"}),jsxRuntime.jsx("input",{type:"text",value:k,onChange:g=>b(g.target.value),placeholder:"Search",autoFocus:true,"aria-label":"Search items",className:"flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"})]}),jsxRuntime.jsx("button",{onClick:()=>{j(false),b("");},className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsxRuntime.jsx(D,{size:16})})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("h3",{className:"flex-1 text-sm sm:text-lg font-semibold text-foreground capitalize",children:e||"Items"}),jsxRuntime.jsx("button",{onClick:()=>j(true),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Search",children:jsxRuntime.jsx(G,{size:20})}),jsxRuntime.jsx("button",{onClick:()=>H(!O),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Add new",children:jsxRuntime.jsx(X,{size:20})})]})}),O&&jsxRuntime.jsx(Se,{onClose:()=>H(false),onSelect:se}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto p-2",children:a?jsxRuntime.jsx("div",{className:"flex items-center justify-center py-8",children:jsxRuntime.jsx(lucideReact.Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})}):i?jsxRuntime.jsx("p",{className:"px-2 py-4 text-xs text-red-500",children:i}):W.length===0?jsxRuntime.jsx("p",{className:"px-2 py-4 text-xs text-muted-foreground",children:k?"No matching items":"No items yet"}):jsxRuntime.jsx("div",{className:"space-y-0.5",children:W.map(g=>jsxRuntime.jsx(Ie,{repo:g,selected:m===g.repo_id,expanded:f===g.repo_id,onSelect:()=>{p(g.repo_id),d(null),R(null);},onToggle:()=>x(f===g.repo_id?null:g.repo_id),children:jsxRuntime.jsx("div",{className:"ml-10 pl-1",children:ne.map(C=>jsxRuntime.jsx(Me,{entry:C,selected:u?.path===C.path,onSelect:oe,depth:C.path.split("/").length-1},C.path))})},g.repo_id))})})]}),jsxRuntime.jsx("div",{className:"flex-1 min-w-0",children:jsxRuntime.jsx(Le,{entry:u,content:v,loading:E,repoName:re?.name||""})}),V==="write"&&jsxRuntime.jsx(Pe,{config:n,onClose:()=>I(null),onCreated:l}),V==="upload"&&jsxRuntime.jsx($e,{config:n,onClose:()=>I(null),onCreated:l})]})}
|
|
10
|
-
exports.Markdown=
|
|
9
|
+
${a.trim()}`,S=await fetch(`${p}/api/skills`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n.trim(),description:u.trim(),skill_md:v,content_type:"code"})});if(!S.ok){let T=`Failed to register skill (${S.status})`;try{let R=await S.json();R.error&&(T=R.error);}catch{}throw new Error(T)}e?.(),t();}catch(p){m(p instanceof Error?p.message:"Failed to create skill");}finally{d(false);}}},disabled:c||!n.trim(),className:"rounded-lg bg-zinc-600 px-4 py-2 text-sm font-medium text-white hover:bg-zinc-500 disabled:opacity-50",children:c?"Creating...":"Create"})]})]})})}function gt({onClose:t,onCreated:e,config:o}){let n=react.useRef(null),[s,u]=react.useState(false),[r,a]=react.useState(false),[l,c]=react.useState(null),d=async m=>{a(true),c(null);try{let g=await m.text(),p=o.apiBaseUrl||"",v=m.name.replace(/\.[^.]+$/,"").replace(/[^a-zA-Z0-9-_]/g,"-"),S=await fetch(`${p}/api/skills`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:v,skill_md:g,content_type:"code"})});if(!S.ok){let T=`Failed to register skill (${S.status})`;try{let R=await S.json();R.error&&(T=R.error);}catch{}throw new Error(T)}e?.(),t();}catch(g){c(g instanceof Error?g.message:"Upload failed");}finally{a(false);}};return jsxRuntime.jsx(he,{title:"Upload skill",onClose:t,children:jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsxs("div",{onDragOver:m=>{m.preventDefault(),u(true);},onDragLeave:()=>u(false),onDrop:m=>{m.preventDefault(),u(false);let g=m.dataTransfer.files[0];g&&d(g);},onClick:()=>n.current?.click(),className:C("flex cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-10 transition-colors",s?"border-zinc-400 bg-zinc-800/50":"border-zinc-700 hover:border-zinc-500"),children:[jsxRuntime.jsx("div",{className:"rounded-lg border border-zinc-600 p-2",children:jsxRuntime.jsx(ge,{size:20,className:"text-muted-foreground"})}),jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground",children:r?"Uploading...":"Drag and drop or click to upload"})]}),jsxRuntime.jsx("input",{ref:n,type:"file",accept:".md,.zip,.skill,.txt,.yml,.yaml",className:"hidden","aria-label":"Upload skill file",onChange:m=>{let g=m.target.files?.[0];g&&d(g);}}),l&&jsxRuntime.jsx("p",{className:"text-sm text-red-500",children:l}),jsxRuntime.jsxs("div",{className:"space-y-2 text-xs text-muted-foreground",children:[jsxRuntime.jsx("p",{className:"font-medium text-foreground/70",children:"File requirements"}),jsxRuntime.jsxs("ul",{className:"list-disc pl-5 space-y-1",children:[jsxRuntime.jsx("li",{children:".md file must contain skill name and description formatted in YAML"}),jsxRuntime.jsx("li",{children:".zip or .skill file must include a SKILL.md file"})]})]})]})})}function pt({onClose:t,onSelect:e}){let o=pe(),n=react.useRef(null),s=react.useRef(t);s.current=t,react.useEffect(()=>{if(o)return;let r=a=>{n.current&&a.target instanceof Node&&!n.current.contains(a.target)&&s.current();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o]);let u=[{id:"create-with-geoff",icon:jsxRuntime.jsx(ut,{}),label:"Create with Geoff"},{id:"write",icon:jsxRuntime.jsx(dt,{}),label:"Write skill instructions"},{id:"upload",icon:jsxRuntime.jsx(ft,{}),label:"Upload a skill"}];return o?jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex items-end",onClick:t,children:[jsxRuntime.jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxRuntime.jsxs("div",{className:"relative z-10 w-full rounded-t-2xl bg-[#1a1a1a] p-4 pb-8 animate-in slide-in-from-bottom duration-200",onClick:r=>r.stopPropagation(),children:[jsxRuntime.jsx("div",{className:"mx-auto mb-3 h-1 w-10 rounded-full bg-zinc-600"}),u.map(r=>jsxRuntime.jsxs("button",{onClick:()=>{e(r.id),t();},className:"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-800",children:[r.icon,r.label]},r.id))]})]}):jsxRuntime.jsx("div",{ref:n,className:"absolute right-2 top-11 z-50 w-56 overflow-hidden rounded-xl border border-zinc-700 bg-[#2a2a2a] shadow-xl animate-in fade-in zoom-in-95 duration-100",children:u.map(r=>jsxRuntime.jsxs("button",{onClick:()=>{e(r.id),t();},className:"flex w-full items-center gap-3 px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-700/50",children:[r.icon,r.label]},r.id))})}function ht({entry:t,selected:e,onSelect:o,depth:n=0}){return jsxRuntime.jsxs("button",{onClick:()=>o(t),className:C("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),style:{paddingLeft:`${8+n*16}px`},children:[jsxRuntime.jsx("span",{className:"truncate flex-1",children:t.path.split("/").pop()}),t.isDir&&jsxRuntime.jsx(me,{className:"ml-auto text-muted-foreground"})]})}function yt({repo:t,selected:e,expanded:o,onSelect:n,onToggle:s,children:u}){return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs("button",{onClick:()=>{n(),s();},className:C("flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),children:[jsxRuntime.jsx(me,{open:o}),jsxRuntime.jsx(lucideReact.FileText,{className:"h-4 w-4 shrink-0"}),jsxRuntime.jsx("span",{className:"truncate",children:t.name})]}),o&&u]})}function kt({entry:t,content:e,loading:o,repoName:n}){let[s,u]=react.useState(false),r=react.useRef(null);react.useEffect(()=>()=>{r.current&&clearTimeout(r.current);},[]);let[a,l]=react.useState(false),c=async()=>{if(e)try{await navigator.clipboard.writeText(e),u(!0),l(!1),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>u(!1),2e3);}catch{l(true),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>l(false),2e3);}};if(!t)return jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center text-sm text-muted-foreground",children:"Select a file to view its content"});if(o)return jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsx(lucideReact.Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})});let d=t.path.split("/").pop()||t.path,f=/\.(md|mdx)$/i.test(d);return jsxRuntime.jsxs("div",{className:"flex h-full flex-col px-3",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[jsxRuntime.jsx("h3",{className:"text-sm sm:text-lg font-semibold text-foreground",children:d}),jsxRuntime.jsx("button",{onClick:c,"aria-label":"Copy file content",className:C("rounded p-1 transition-colors",s?"text-green-500":a?"text-red-500":"text-muted-foreground hover:text-foreground"),children:jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsxRuntime.jsx("path",{d:"M12.5 3A1.5 1.5 0 0 1 14 4.5V6h1.5A1.5 1.5 0 0 1 17 7.5v8a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 6 15.5V14H4.5A1.5 1.5 0 0 1 3 12.5v-8A1.5 1.5 0 0 1 4.5 3zm1.5 9.5a1.5 1.5 0 0 1-1.5 1.5H7v1.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5H14zM4.5 4a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"})})})]}),jsxRuntime.jsx("div",{className:"flex-1 overflow-auto p-4",children:f?jsxRuntime.jsx(V,{content:e||""}):jsxRuntime.jsx("pre",{className:"whitespace-pre-wrap text-sm text-foreground font-mono leading-relaxed",children:e||""})})]})}function xt({config:t,category:e,className:o,style:n}){let{repos:s,loading:u,error:r,refresh:a}=A(t),[l,c]=react.useState(null),[d,f]=react.useState(null),[m,g]=react.useState(null),[p,v]=react.useState(null),[S,T]=react.useState(false),[R,q]=react.useState(""),[ye,G]=react.useState(false),[Y,Q]=react.useState(false),[X,M]=react.useState(null),ke=s.find(y=>y.repo_id===l),{entries:xe,getFileContent:ee}=U(t,d),te=s.filter(y=>!R||y.name.toLowerCase().includes(R.toLowerCase())),we=react.useCallback(async y=>{if(!y.isDir){g(y),T(true);try{let N=await ee(y.cid);v(N);}catch(N){let ve=N instanceof Error?N.message:"Unknown error";v(`Failed to load file: ${ve}`);}finally{T(false);}}},[ee]);react.useEffect(()=>{s.length>0&&!l&&(c(s[0].repo_id),f(s[0].repo_id));},[s,l]);let be=y=>{y==="create-with-geoff"?window.open(`https://www.geoff.ai/?p=${encodeURIComponent("Let's create a skill together using your skill-creator skill. First ask me what the skill should do.")}`,"_blank","noopener,noreferrer"):M(y);};return jsxRuntime.jsxs("div",{className:C("flex flex-1 h-full min-h-0",o),style:n,children:[jsxRuntime.jsxs("div",{className:"relative flex w-96 shrink-0 flex-col border-r",children:[jsxRuntime.jsx("div",{className:"flex h-12 items-center gap-2 px-3",children:ye?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex flex-1 items-center gap-2 rounded-md border bg-muted/50 px-2 py-1",children:[jsxRuntime.jsx(ue,{size:16,className:"shrink-0 text-muted-foreground"}),jsxRuntime.jsx("input",{type:"text",value:R,onChange:y=>q(y.target.value),placeholder:"Search",autoFocus:true,"aria-label":"Search items",className:"flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"})]}),jsxRuntime.jsx("button",{onClick:()=>{G(false),q("");},className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsxRuntime.jsx(Z,{size:16})})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("h3",{className:"flex-1 text-sm sm:text-lg font-semibold text-foreground capitalize",children:e||"Items"}),jsxRuntime.jsx("button",{onClick:()=>G(true),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Search",children:jsxRuntime.jsx(ue,{size:20})}),jsxRuntime.jsx("button",{onClick:()=>Q(!Y),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Add new",children:jsxRuntime.jsx(ge,{size:20})})]})}),Y&&jsxRuntime.jsx(pt,{onClose:()=>Q(false),onSelect:be}),jsxRuntime.jsx("div",{className:"flex-1 overflow-y-auto p-2",children:u?jsxRuntime.jsx("div",{className:"flex items-center justify-center py-8",children:jsxRuntime.jsx(lucideReact.Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})}):r?jsxRuntime.jsx("p",{className:"px-2 py-4 text-xs text-red-500",children:r}):te.length===0?jsxRuntime.jsx("p",{className:"px-2 py-4 text-xs text-muted-foreground",children:R?"No matching items":"No items yet"}):jsxRuntime.jsx("div",{className:"space-y-0.5",children:te.map(y=>jsxRuntime.jsx(yt,{repo:y,selected:l===y.repo_id,expanded:d===y.repo_id,onSelect:()=>{c(y.repo_id),g(null),v(null);},onToggle:()=>f(d===y.repo_id?null:y.repo_id),children:jsxRuntime.jsx("div",{className:"ml-10 pl-1",children:xe.map(N=>jsxRuntime.jsx(ht,{entry:N,selected:m?.path===N.path,onSelect:we,depth:N.path.split("/").length-1},N.path))})},y.repo_id))})})]}),jsxRuntime.jsx("div",{className:"flex-1 min-w-0",children:jsxRuntime.jsx(kt,{entry:m,content:p,loading:S,repoName:ke?.name||""})}),X==="write"&&jsxRuntime.jsx(mt,{config:t,onClose:()=>M(null),onCreated:a}),X==="upload"&&jsxRuntime.jsx(gt,{config:t,onClose:()=>M(null),onCreated:a})]})}
|
|
10
|
+
exports.Markdown=V;exports.RackBrowser=xt;exports.estimateCost=le;exports.useNetworkStats=Ve;exports.useRackClient=x;exports.useRackRegister=Le;exports.useRackSession=ze;exports.useRepoPush=Me;exports.useRepoTree=U;exports.useRepos=A;exports.useSkillStats=Oe;exports.useStar=et;exports.useTensorStats=He;exports.useTrending=Ye;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { DiffEntry, InitResult, PushResult, RackConfig, RepoCommit, RepoFile, RepoInfo, RepoTree, TreeEntry } from './types/index.cjs';
|
|
2
|
-
export { RackClient, useRackClient, useRepoPush, useRepoTree, useRepos } from './hooks/index.cjs';
|
|
1
|
+
export { CostEstimate, DiffEntry, InitResult, NetworkStats, PushResult, RackConfig, RackSession, RepoCommit, RepoFile, RepoInfo, RepoTree, SkillMeta, SkillRegistrationInput, SkillRegistrationResult, SkillStats, StarInfo, StarResult, TensorMeta, TensorRegistrationInput, TensorRegistrationResult, TensorStats, TokenBudget, TreeEntry, TrendingRepo } from './types/index.cjs';
|
|
2
|
+
export { RackClient, estimateCost, useNetworkStats, useRackClient, useRackRegister, useRackSession, useRepoPush, useRepoTree, useRepos, useSkillStats, useStar, useTensorStats, useTrending } from './hooks/index.cjs';
|
|
3
3
|
export { Markdown, RackBrowser, RackBrowserProps } from './components/index.cjs';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { DiffEntry, InitResult, PushResult, RackConfig, RepoCommit, RepoFile, RepoInfo, RepoTree, TreeEntry } from './types/index.js';
|
|
2
|
-
export { RackClient, useRackClient, useRepoPush, useRepoTree, useRepos } from './hooks/index.js';
|
|
1
|
+
export { CostEstimate, DiffEntry, InitResult, NetworkStats, PushResult, RackConfig, RackSession, RepoCommit, RepoFile, RepoInfo, RepoTree, SkillMeta, SkillRegistrationInput, SkillRegistrationResult, SkillStats, StarInfo, StarResult, TensorMeta, TensorRegistrationInput, TensorRegistrationResult, TensorStats, TokenBudget, TreeEntry, TrendingRepo } from './types/index.js';
|
|
2
|
+
export { RackClient, estimateCost, useNetworkStats, useRackClient, useRackRegister, useRackSession, useRepoPush, useRepoTree, useRepos, useSkillStats, useStar, useTensorStats, useTrending } from './hooks/index.js';
|
|
3
3
|
export { Markdown, RackBrowser, RackBrowserProps } from './components/index.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {useMemo,useRef,useState,useCallback,useEffect}from'react';import {Loader2,FileText}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';async function T(n,e,s){let t=await fetch(`${n}${e}`,{...s,headers:{"Content-Type":"application/json",...s?.headers}});if(!t.ok){let o=`HTTP ${t.status}`;try{let a=await t.json();a.error&&(o=a.error);}catch{}throw new Error(o)}return t.json()}function z(n){let e=n.apiBaseUrl,s=n.authorMid,t=n.ownerMid;return useMemo(()=>({async listRepos(o){let a=o||t?`?owner=${encodeURIComponent(o||t)}`:"";return (await T(e,`/api/rack/repos${a}`)).repos||[]},async initRepo(o){return T(e,"/api/rack/init",{method:"POST",body:JSON.stringify({...o,owner_mid:t})})},async push(o,a){return T(e,`/api/rack/${o}/push`,{method:"POST",body:JSON.stringify({...a,author_mid:s})})},async getTree(o,a="main"){let i=await T(e,`/api/rack/${o}/tree/${a}`);return {tree:i.tree,commit_cid:i.commit_cid}},async getBlob(o,a){return (await T(e,`/api/rack/${o}/blob/${a}`)).content},async getLog(o,a,i){let l=new URLSearchParams;a&&l.set("ref",a),i&&l.set("max_count",String(i));let m=l.toString()?`?${l}`:"";return (await T(e,`/api/rack/${o}/log${m}`)).commits||[]},async getBranches(o){return (await T(e,`/api/rack/${o}/branches`)).branches||[]},async getDiff(o,a,i){return (await T(e,`/api/rack/${o}/diff/${a}/${i}`)).diff?.entries||[]}}),[e,s,t])}function _(n){let e=z(n),s=useRef(e);s.current=e;let[t,o]=useState([]),[a,i]=useState(true),[l,m]=useState(null),p=useRef(true),f=useRef(null),x=useCallback(async()=>{f.current?.abort();let u=new AbortController;f.current=u;try{p.current&&(i(!0),m(null));let d=await s.current.listRepos();p.current&&!u.signal.aborted&&o(d);}catch(d){p.current&&!u.signal.aborted&&m(d instanceof Error?d.message:"Failed to load repos");}finally{p.current&&!u.signal.aborted&&i(false);}},[]);return useEffect(()=>(p.current=true,x(),()=>{p.current=false,f.current?.abort();}),[x]),{repos:t,loading:a,error:l,refresh:x}}function me(n){return Object.entries(n).map(([e,s])=>{let t=s.indexOf(":"),o=t>0?s.slice(0,t):"100644",a=t>0?s.slice(t+1):s;return {path:e,mode:o,cid:a,isDir:o==="040000"}}).sort((e,s)=>e.isDir!==s.isDir?e.isDir?-1:1:e.path.localeCompare(s.path))}function F(n,e,s="main"){let t=z(n),[o,a]=useState([]),[i,l]=useState(false),[m,p]=useState(null),f=useRef(true),x=useCallback(async()=>{if(e)try{f.current&&(l(!0),p(null));let{tree:d}=await t.getTree(e,s);f.current&&a(me(d.entries));}catch(d){f.current&&p(d instanceof Error?d.message:"Failed to load tree");}finally{f.current&&l(false);}},[t,e,s]);useEffect(()=>(f.current=true,x(),()=>{f.current=false;}),[x]);let u=useCallback(async d=>{if(!e)throw new Error("No repo selected");return t.getBlob(e,d)},[t,e]);return {entries:o,loading:i,error:m,refresh:x,getFileContent:u}}function he(n){let e=z(n),[s,t]=useState(false),[o,a]=useState(null),i=useRef(true);return useEffect(()=>(i.current=true,()=>{i.current=false;}),[]),{push:useCallback(async(m,p,f,x)=>{try{return i.current&&(t(!0),a(null)),await e.push(m,{files:p,message:f,branch:x})}catch(u){let d=u instanceof Error?u.message:"Push failed";return i.current&&a(d),null}finally{i.current&&t(false);}},[e]),pushing:s,error:o}}function N(...n){return twMerge(clsx(n))}var we=/^(https?:\/\/|mailto:|\/[^/])/i;function be(n){let e=n.trim();return we.test(e)?e:null}function M(n){let e=[],s=/(`[^`]+`)|(\*\*(.+?)\*\*)|(\*(.+?)\*)|(_(.+?)_)|(\[([^\]]+)\]\(([^)]+)\))/g,t=0,o,a=0;for(;(o=s.exec(n))!==null;){o.index>t&&e.push(n.slice(t,o.index));let i=`i${a++}`;if(o[1])e.push(jsx("code",{className:"rounded bg-muted px-1.5 py-0.5 text-[0.85em] font-mono text-pink-400",children:o[1].slice(1,-1)},i));else if(o[2])e.push(jsx("strong",{children:o[3]},i));else if(o[4])e.push(jsx("em",{children:o[5]},i));else if(o[6])e.push(jsx("em",{children:o[7]},i));else if(o[8]){let l=be(o[10]);l?e.push(jsx("a",{href:l,className:"text-blue-400 underline hover:text-blue-300",target:"_blank",rel:"noopener noreferrer",children:o[9]},i)):e.push(o[9]);}t=o.index+o[0].length;}return t<n.length&&e.push(n.slice(t)),e.length>0?e:[n]}function ye(n){let e=n.split(`
|
|
2
|
-
`),
|
|
3
|
-
`),lang:
|
|
1
|
+
import {useMemo,useRef,useState,useCallback,useEffect}from'react';import {Loader2,FileText}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';async function w(t,e,o,n){let s={"Content-Type":"application/json",...o?.headers};n&&(s.Authorization=`Bearer ${n}`);let u=await fetch(`${t}${e}`,{...o,headers:s});if(!u.ok){let r=`HTTP ${u.status}`;try{let a=await u.json();a.error&&(r=a.error);}catch{}throw new Error(r)}return u.json()}function I(t){let e=t.indexOf(":");return {mode:t.slice(0,e),cid:t.slice(e+1)}}function x(t){let e=t.apiBaseUrl,o=t.authorMid,n=t.ownerMid,s=t.apiKey,u=t.stacknetUrl||t.apiBaseUrl;return useMemo(()=>({async listRepos(r){let a=r||n?`?owner=${encodeURIComponent(r||n)}`:"";return (await w(e,`/api/rack/repos${a}`,void 0,s)).repos||[]},async initRepo(r){return w(e,"/api/rack/init",{method:"POST",body:JSON.stringify({...r,owner_mid:n})},s)},async push(r,a){return w(e,`/api/rack/${r}/push`,{method:"POST",body:JSON.stringify({...a,author_mid:o})},s)},async getTree(r,a="main"){let l=await w(e,`/api/rack/${r}/tree/${a}`,void 0,s);return {tree:l.tree,commit_cid:l.commit_cid}},async getBlob(r,a){return (await w(e,`/api/rack/${r}/blob/${a}`,void 0,s)).content},async getLog(r,a,l){let c=new URLSearchParams;a&&c.set("ref",a),l&&c.set("max_count",String(l));let d=c.toString()?`?${c}`:"";return (await w(e,`/api/rack/${r}/log${d}`,void 0,s)).commits||[]},async getBranches(r){return (await w(e,`/api/rack/${r}/branches`,void 0,s)).branches||[]},async createBranch(r,a,l){return w(e,`/api/rack/${r}/branch`,{method:"POST",body:JSON.stringify({branch_name:a,from_ref:l})},s)},async merge(r,a,l){return w(e,`/api/rack/${r}/merge`,{method:"POST",body:JSON.stringify({source_branch:a,target_branch:l})},s)},async getDiff(r,a,l){return (await w(e,`/api/rack/${r}/diff/${a}/${l}`,void 0,s)).diff?.entries||[]},async starRepo(r){return w(e,`/api/rack/${r}/star`,{method:"POST"},s)},async unstarRepo(r){return w(e,`/api/rack/${r}/star`,{method:"DELETE"},s)},async getStarInfo(r){return w(e,`/api/rack/${r}/stars`,void 0,s)},async getSkillStats(r){let a={meta:null,tokenCount:null,usageCount:null};try{let{tree:l}=await this.getTree(r,"main");if(!l?.entries)return a;if(l.entries["META.json"]){let f=I(l.entries["META.json"]).cid,m=await this.getBlob(r,f);a.meta=JSON.parse(m);}let c=0,d=Object.values(l.entries).map(async f=>{try{let m=I(f).cid,g=await this.getBlob(r,m);c+=g.length;}catch{}});await Promise.all(d),c>0&&(a.tokenCount=Math.ceil(c/4)),a.meta?.skill_id&&(a.usageCount=await this.getSkillUsageCount(a.meta.skill_id));}catch{}return a},async getSkillUsageCount(r){try{let a=await fetch(`${u}/v1/skills/${encodeURIComponent(r)}`);if(a.ok){let c=await a.json();return c.usage_count??c.usageCount??null}let l=await fetch(`${u}/v1/skills?scope=public`);if(l.ok){let d=((await l.json()).skills||[]).find(f=>f.name===r||f.id===r);if(d)return d.usage_count??d.usageCount??0}return 0}catch{return null}},async getTensorStats(r){let a={meta:null,sizeMB:null};try{let{tree:l}=await this.getTree(r,"main");if(!l?.entries)return a;if(l.entries["TENSOR_META.json"]){let c=I(l.entries["TENSOR_META.json"]).cid,d=await this.getBlob(r,c);a.meta=JSON.parse(d),a.sizeMB=a.meta?.tensor_size_mb??null;}}catch{}return a},async getNetworkStats(){try{return (await w(e,"/api/rack/stats",void 0,s)).stats||null}catch{return null}},async getTrending(r=5,a=1){try{return (await w(e,`/api/rack/trending?limit=${r}&days=${a}`,void 0,s)).trending||[]}catch{return []}}}),[e,o,n,s,u])}function A(t){let e=x(t),o=useRef(e);o.current=e;let[n,s]=useState([]),[u,r]=useState(true),[a,l]=useState(null),c=useRef(true),d=useRef(null),f=useCallback(async()=>{d.current?.abort();let m=new AbortController;d.current=m;try{c.current&&(r(!0),l(null));let g=await o.current.listRepos();c.current&&!m.signal.aborted&&s(g);}catch(g){c.current&&!m.signal.aborted&&l(g instanceof Error?g.message:"Failed to load repos");}finally{c.current&&!m.signal.aborted&&r(false);}},[]);return useEffect(()=>(c.current=true,f(),()=>{c.current=false,d.current?.abort();}),[f]),{repos:n,loading:u,error:a,refresh:f}}function Ee(t){return Object.entries(t).map(([e,o])=>{let n=o.indexOf(":"),s=n>0?o.slice(0,n):"100644",u=n>0?o.slice(n+1):o;return {path:e,mode:s,cid:u,isDir:s==="040000"}}).sort((e,o)=>e.isDir!==o.isDir?e.isDir?-1:1:e.path.localeCompare(o.path))}function U(t,e,o="main"){let n=x(t),[s,u]=useState([]),[r,a]=useState(false),[l,c]=useState(null),d=useRef(true),f=useCallback(async()=>{if(e)try{d.current&&(a(!0),c(null));let{tree:g}=await n.getTree(e,o);d.current&&u(Ee(g.entries));}catch(g){d.current&&c(g instanceof Error?g.message:"Failed to load tree");}finally{d.current&&a(false);}},[n,e,o]);useEffect(()=>(d.current=true,f(),()=>{d.current=false;}),[f]);let m=useCallback(async g=>{if(!e)throw new Error("No repo selected");return n.getBlob(e,g)},[n,e]);return {entries:s,loading:r,error:l,refresh:f,getFileContent:m}}function Me(t){let e=x(t),[o,n]=useState(false),[s,u]=useState(null),r=useRef(true);return useEffect(()=>(r.current=true,()=>{r.current=false;}),[]),{push:useCallback(async(l,c,d,f)=>{try{return r.current&&(n(!0),u(null)),await e.push(l,{files:c,message:d,branch:f})}catch(m){let g=m instanceof Error?m.message:"Push failed";return r.current&&u(g),null}finally{r.current&&n(false);}},[e]),pushing:o,error:s}}var j="stacknet-rack-apikey";function ze(t){let e=t.stacknetUrl||t.apiBaseUrl,[o,n]=useState({authenticated:false}),[s,u]=useState(null),[r,a]=useState(false),l=useCallback(m=>({"Content-Type":"application/json",...m||t.apiKey?{Authorization:`Bearer ${m||t.apiKey}`}:{}}),[t.apiKey]),c=useCallback(async m=>{a(true);try{let g=await fetch(`${e}/health`,{headers:l(m)});if(!g.ok)throw new Error(`Authentication failed: ${g.status}`);let p={authenticated:!0,apiKey:m,permission:m.startsWith("gk_")?"write":"read"};n(p);try{localStorage.setItem(j,m);}catch{}return p}catch(g){throw n({authenticated:false}),g}finally{a(false);}},[e,l]),d=useCallback(()=>{n({authenticated:false}),u(null);try{localStorage.removeItem(j);}catch{}},[]),f=useCallback(async()=>{let m=o.apiKey||t.apiKey;if(!m)return null;try{let g=await fetch(`${e}/network/usage`,{headers:l(m)});if(!g.ok)return null;let p=await g.json(),v={planAllocation:p.plan_allocation??p.planAllocation??0,inferenceUsed:p.inference_used??p.inferenceUsed??0,ledgerSpent:p.ledger_spent??p.ledgerSpent??0,totalUsed:p.total_used??p.totalUsed??0,remaining:p.remaining??0,percent:p.percent??0,exceeded:p.exceeded??!1};return u(v),v}catch{return null}},[o.apiKey,t.apiKey,e,l]);return useEffect(()=>{let m=t.apiKey;if(m){n({authenticated:true,apiKey:m,permission:m.startsWith("gk_")?"write":"read"});return}try{let g=localStorage.getItem(j);g&&n({authenticated:!0,apiKey:g,permission:g.startsWith("gk_")?"write":"read"});}catch{}},[t.apiKey]),{session:o,budget:s,loading:r,login:c,logout:d,refreshBudget:f}}var oe=1e3,ae=1e3,ie=100;function le(t,e){if(t==="skill"){let s=ie+Math.ceil(e/4);return {type:t,totalBytes:e,totalMegabytes:e/1e6,baseCost:s,multiplier:oe,registrationCostTokens:s*oe}}let o=Math.ceil(e/1e6),n=ie+o;return {type:t,totalBytes:e,totalMegabytes:o,baseCost:n,multiplier:ae,registrationCostTokens:n*ae}}function Le(t){let e=t.stacknetUrl||t.apiBaseUrl,o=t.apiKey,[n,s]=useState(false),[u,r]=useState(null),a=useCallback(()=>{if(!o)throw new Error("API key required for registration. Call login() first.");return {"Content-Type":"application/json",Authorization:`Bearer ${o}`}},[o]),l=useCallback(async d=>{s(true),r(null);try{let f=await fetch(`${e}/skills`,{method:"POST",headers:a(),body:JSON.stringify(d)});if(!f.ok){let m=await f.json().catch(()=>({error:`HTTP ${f.status}`}));throw new Error(m.error||`Registration failed: ${f.status}`)}return await f.json()}catch(f){throw r(f.message),f}finally{s(false);}},[e,a]),c=useCallback(async d=>{s(true),r(null);try{let f=await fetch(`${e}/tensors`,{method:"POST",headers:a(),body:JSON.stringify(d)});if(!f.ok){let m=await f.json().catch(()=>({error:`HTTP ${f.status}`}));throw new Error(m.error||`Registration failed: ${f.status}`)}return await f.json()}catch(f){throw r(f.message),f}finally{s(false);}},[e,a]);return {registerSkill:l,registerTensor:c,estimateCost:le,registering:n,error:u}}function Oe(t,e){let o=x(t),[n,s]=useState({meta:null,tokenCount:null,usageCount:null}),[u,r]=useState(false),[a,l]=useState(null),c=useRef(true),d=useCallback(async()=>{if(e){r(true),l(null);try{let f=await o.getSkillStats(e);c.current&&s(f);}catch(f){c.current&&l(f.message);}finally{c.current&&r(false);}}},[o,e]);return useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]),{stats:n,loading:u,error:a,refresh:d}}function He(t,e){let o=x(t),[n,s]=useState({meta:null,sizeMB:null}),[u,r]=useState(false),[a,l]=useState(null),c=useRef(true),d=useCallback(async()=>{if(e){r(true),l(null);try{let f=await o.getTensorStats(e);c.current&&s(f);}catch(f){c.current&&l(f.message);}finally{c.current&&r(false);}}},[o,e]);return useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]),{stats:n,loading:u,error:a,refresh:d}}function Ve(t){let e=x(t),[o,n]=useState(null),[s,u]=useState(false),[r,a]=useState(null),l=useRef(true),c=useCallback(async()=>{u(true),a(null);try{let d=await e.getNetworkStats();l.current&&n(d);}catch(d){l.current&&a(d.message);}finally{l.current&&u(false);}},[e]);return useEffect(()=>(l.current=true,c(),()=>{l.current=false;}),[c]),{stats:o,loading:s,error:r,refresh:c}}function Ye(t,e=5,o=1){let n=x(t),[s,u]=useState([]),[r,a]=useState(false),[l,c]=useState(null),d=useRef(true),f=useCallback(async m=>{a(true),c(null);try{let g=await n.getTrending(e,m??o);d.current&&u(g);}catch(g){d.current&&c(g.message);}finally{d.current&&a(false);}},[n,e,o]);return useEffect(()=>(d.current=true,f(),()=>{d.current=false;}),[f]),{repos:s,loading:r,error:l,refresh:f}}function et(t,e){let o=x(t),[n,s]=useState({stars:0,starred:false,repo_id:e||""}),[u,r]=useState(false),[a,l]=useState(null),c=useRef(true),d=useCallback(async()=>{if(e)try{let m=await o.getStarInfo(e);c.current&&s(m);}catch{}},[o,e]);useEffect(()=>(c.current=true,d(),()=>{c.current=false;}),[d]);let f=useCallback(async()=>{if(e){r(true),l(null);try{let m=n.starred?await o.unstarRepo(e):await o.starRepo(e);c.current&&s({stars:m.stars,starred:m.starred,repo_id:e});}catch(m){c.current&&l(m.message);}finally{c.current&&r(false);}}},[o,e,n.starred]);return {...n,loading:u,error:a,toggle:f,refresh:d}}function C(...t){return twMerge(clsx(t))}var nt=/^(https?:\/\/|mailto:|\/[^/])/i;function st(t){let e=t.trim();return nt.test(e)?e:null}function _(t){let e=[],o=/(`[^`]+`)|(\*\*(.+?)\*\*)|(\*(.+?)\*)|(_(.+?)_)|(\[([^\]]+)\]\(([^)]+)\))/g,n=0,s,u=0;for(;(s=o.exec(t))!==null;){s.index>n&&e.push(t.slice(n,s.index));let r=`i${u++}`;if(s[1])e.push(jsx("code",{className:"rounded bg-muted px-1.5 py-0.5 text-[0.85em] font-mono text-pink-400",children:s[1].slice(1,-1)},r));else if(s[2])e.push(jsx("strong",{children:s[3]},r));else if(s[4])e.push(jsx("em",{children:s[5]},r));else if(s[6])e.push(jsx("em",{children:s[7]},r));else if(s[8]){let a=st(s[10]);a?e.push(jsx("a",{href:a,className:"text-blue-400 underline hover:text-blue-300",target:"_blank",rel:"noopener noreferrer",children:s[9]},r)):e.push(s[9]);}n=s.index+s[0].length;}return n<t.length&&e.push(t.slice(n)),e.length>0?e:[t]}function ot(t){let e=t.split(`
|
|
2
|
+
`),o=[],n=0;for(;n<e.length;){let s=e[n];if(s.trim()===""){n++;continue}if(/^(-{3,}|\*{3,}|_{3,})$/.test(s.trim())){o.push({type:"hr"}),n++;continue}let u=s.match(/^(#{1,6})\s+(.+)/);if(u){o.push({type:"heading",level:u[1].length,content:u[2]}),n++;continue}if(s.trim().startsWith("```")){let a=s.trim().slice(3).trim(),l=[];for(n++;n<e.length&&!e[n].trim().startsWith("```");)l.push(e[n]),n++;o.push({type:"code",content:l.join(`
|
|
3
|
+
`),lang:a||void 0}),n++;continue}if(/^\s*[-*+]\s/.test(s)){let a=[];for(;n<e.length&&/^\s*[-*+]\s/.test(e[n]);)a.push(e[n].replace(/^\s*[-*+]\s+/,"")),n++;o.push({type:"ul",items:a});continue}if(/^\s*\d+[.)]\s/.test(s)){let a=[];for(;n<e.length&&/^\s*\d+[.)]\s/.test(e[n]);)a.push(e[n].replace(/^\s*\d+[.)]\s+/,"")),n++;o.push({type:"ol",items:a});continue}let r=[];for(;n<e.length&&e[n].trim()!==""&&!e[n].match(/^#{1,6}\s/)&&!e[n].trim().startsWith("```")&&!/^\s*[-*+]\s/.test(e[n])&&!/^\s*\d+[.)]\s/.test(e[n]);)r.push(e[n]),n++;r.length>0&&o.push({type:"paragraph",content:r.join(" ")});}return o}var at={1:"text-2xl font-bold mt-6 mb-3",2:"text-xl font-bold mt-5 mb-2",3:"text-lg font-semibold mt-4 mb-2",4:"text-base font-semibold mt-3 mb-1",5:"text-sm font-semibold mt-2 mb-1",6:"text-sm font-medium mt-2 mb-1"};function it(t,e){switch(t.type){case "hr":return jsx("hr",{className:"my-4 border-border"},`b${e}`);case "heading":{let o=Math.min(Math.max(t.level||1,1),6),n=`h${o}`;return jsx(n,{className:C("text-foreground",at[o]),children:_(t.content||"")},`b${e}`)}case "paragraph":return jsx("p",{className:"mb-3 leading-relaxed text-foreground",children:_(t.content||"")},`b${e}`);case "code":return jsx("pre",{className:"mb-3 overflow-x-auto rounded-lg bg-muted p-4 text-sm font-mono leading-relaxed text-foreground",children:jsx("code",{children:t.content})},`b${e}`);case "ul":return jsx("ul",{className:"mb-3 ml-5 list-disc space-y-1 text-foreground",children:t.items?.map((o,n)=>jsx("li",{className:"leading-relaxed",children:_(o)},`li${e}-${n}`))},`b${e}`);case "ol":return jsx("ol",{className:"mb-3 ml-5 list-decimal space-y-1 text-foreground",children:t.items?.map((o,n)=>jsx("li",{className:"leading-relaxed",children:_(o)},`li${e}-${n}`))},`b${e}`);default:return null}}function V({content:t,className:e}){let o=ot(t);return jsx("div",{className:C("text-sm",e),children:o.map((n,s)=>it(n,s))})}function me({open:t,className:e}){return jsx("svg",{width:"16",height:"16",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:C("shrink-0 transition-transform duration-150",t?"rotate-0":"-rotate-90",e),children:jsx("path",{d:"M16.134 6.16a.5.5 0 1 1 .732.68l-6.5 7-.077.068a.5.5 0 0 1-.655-.068l-6.5-7-.062-.08a.5.5 0 0 1 .718-.667l.076.067L10 12.767z"})})}function ue({size:t=20,className:e}){return jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsx("path",{d:"M8.5 2a6.5 6.5 0 0 1 4.935 10.728l4.419 4.419.064.078a.5.5 0 0 1-.693.693l-.079-.064-4.419-4.42A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"})})}function Z({size:t=20,className:e}){return jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsx("path",{d:"M15.147 4.146a.5.5 0 0 1 .707.707L10.707 10l5.147 5.147a.5.5 0 0 1-.63.771l-.078-.064L10 10.707l-5.146 5.147a.5.5 0 0 1-.708-.707L9.293 10 4.146 4.853a.5.5 0 0 1 .708-.707L10 9.293z"})})}function ge({size:t=20,className:e}){return jsx("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:e,children:jsx("path",{d:"M10 3a.5.5 0 0 1 .5.5v6h6l.1.01a.5.5 0 0 1 0 .98l-.1.01h-6v6a.5.5 0 0 1-1 0v-6h-6a.5.5 0 0 1 0-1h6v-6A.5.5 0 0 1 10 3"})})}function ut(){return jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsx("path",{d:"M6.5 3A2.5 2.5 0 0 0 4 5.5v9A2.5 2.5 0 0 0 6.5 17h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 13.5 5H11V3.5a.5.5 0 0 0-1 0V5H6.5ZM5 5.5A1.5 1.5 0 0 1 6.5 4H9v1H6.5A1.5 1.5 0 0 0 5 6.5v8A1.5 1.5 0 0 0 6.5 16h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 6H11V4h2.5A2.5 2.5 0 0 1 16 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 4 14.5v-9Z"})})}function dt(){return jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsx("path",{d:"M5.5 3A2.5 2.5 0 0 0 3 5.5v9A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 14.5 3h-9ZM4 5.5A1.5 1.5 0 0 1 5.5 4h9A1.5 1.5 0 0 1 16 5.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-9ZM7 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm0 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z"})})}function ft(){return jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsx("path",{d:"M10 2a.5.5 0 0 1 .354.146l3 3a.5.5 0 0 1-.708.708L10.5 3.707V12.5a.5.5 0 0 1-1 0V3.707L7.354 5.854a.5.5 0 1 1-.708-.708l3-3A.5.5 0 0 1 10 2ZM4 13.5a.5.5 0 0 1 1 0v1A1.5 1.5 0 0 0 6.5 16h7a1.5 1.5 0 0 0 1.5-1.5v-1a.5.5 0 0 1 1 0v1a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 4 14.5v-1Z"})})}function pe(){let[t,e]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let o=()=>e(window.innerWidth<768);return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),t}function he({onClose:t,children:e,title:o}){let n=pe(),s=useRef(t);return s.current=t,useEffect(()=>{let u=r=>{r.key==="Escape"&&s.current();};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[]),n?jsxs("div",{className:"fixed inset-0 z-50 flex items-end justify-center",onClick:t,children:[jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxs("div",{className:"relative z-10 w-full max-h-[90vh] overflow-y-auto rounded-t-2xl bg-[#1a1a1a] p-5 pb-8 animate-in slide-in-from-bottom duration-200",onClick:u=>u.stopPropagation(),children:[jsx("div",{className:"mx-auto mb-4 h-1 w-10 rounded-full bg-zinc-600"}),jsxs("div",{className:"flex items-center justify-between mb-5",children:[jsx("h2",{className:"text-lg font-semibold text-foreground",children:o}),jsx("button",{onClick:t,className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsx(Z,{size:20})})]}),e]})]}):jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",onClick:t,children:[jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxs("div",{className:"relative z-10 w-full max-w-lg overflow-y-auto rounded-2xl bg-[#1a1a1a] p-6 shadow-2xl animate-in fade-in zoom-in-95 duration-150",onClick:u=>u.stopPropagation(),children:[jsxs("div",{className:"flex items-center justify-between mb-5",children:[jsx("h2",{className:"text-lg font-semibold text-foreground",children:o}),jsx("button",{onClick:t,className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsx(Z,{size:20})})]}),e]})]})}function mt({onClose:t,onCreated:e,config:o}){let[n,s]=useState(""),[u,r]=useState(""),[a,l]=useState(""),[c,d]=useState(false),[f,m]=useState(null);return jsx(he,{title:"Write skill instructions",onClose:t,children:jsxs("div",{className:"space-y-4",children:[jsxs("div",{className:"space-y-1.5",children:[jsx("label",{htmlFor:"skill-name",className:"text-sm text-muted-foreground",children:"Skill name"}),jsx("input",{id:"skill-name",value:n,onChange:p=>s(p.target.value),placeholder:"weekly-status-report",className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),jsxs("div",{className:"space-y-1.5",children:[jsx("label",{htmlFor:"skill-desc",className:"text-sm text-muted-foreground",children:"Description"}),jsx("textarea",{id:"skill-desc",value:u,onChange:p=>r(p.target.value),placeholder:"Generate weekly status reports from recent work.",rows:3,className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),jsxs("div",{className:"space-y-1.5",children:[jsx("label",{htmlFor:"skill-instructions",className:"text-sm text-muted-foreground",children:"Instructions"}),jsx("textarea",{id:"skill-instructions",value:a,onChange:p=>l(p.target.value),placeholder:"Summarize my recent work in three sections: wins, blockers, and next steps.",rows:8,className:"w-full rounded-lg border border-zinc-700 bg-[#252525] px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-zinc-500"})]}),f&&jsx("p",{className:"text-sm text-red-500",children:f}),jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[jsx("button",{onClick:t,className:"rounded-lg border border-zinc-700 px-4 py-2 text-sm text-foreground hover:bg-zinc-800",children:"Cancel"}),jsx("button",{onClick:async()=>{if(n.trim()){d(true),m(null);try{let p=o.apiBaseUrl||"",v=`# ${n.trim()}
|
|
4
4
|
|
|
5
|
-
${
|
|
5
|
+
${u.trim()}
|
|
6
6
|
|
|
7
7
|
---
|
|
8
8
|
|
|
9
|
-
${l.trim()}`,k=await fetch(`${v}/api/rack/${E}/push`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({files:[{path:"SKILL.md",content:P}],message:"Initial skill definition",author_mid:s.authorMid})});if(!k.ok){let b=`Failed to save skill (${k.status})`;try{let y=await k.json();y.error&&(b=y.error);}catch{}throw new Error(b)}e?.(),n();}catch(v){u(v instanceof Error?v.message:"Failed to create skill");}finally{f(false);}}},disabled:p||!t.trim(),className:"rounded-lg bg-zinc-600 px-4 py-2 text-sm font-medium text-white hover:bg-zinc-500 disabled:opacity-50",children:p?"Creating...":"Create"})]})]})})}function $e({onClose:n,onCreated:e,config:s}){let t=useRef(null),[o,a]=useState(false),[i,l]=useState(false),[m,p]=useState(null),f=async u=>{l(true),p(null);try{let d=await u.text(),v=s.apiBaseUrl||"",R=u.name.replace(/\.[^.]+$/,"").replace(/[^a-zA-Z0-9-_]/g,"-"),E=await fetch(`${v}/api/rack/init`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:R,owner_mid:s.ownerMid,is_gitagent:!0})});if(!E.ok){let b=`Failed to create repo (${E.status})`;try{let y=await E.json();y.error&&(b=y.error);}catch{}throw new Error(b)}let{repo_id:P}=await E.json(),k=await fetch(`${v}/api/rack/${P}/push`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({files:[{path:u.name,content:d}],message:`Upload ${u.name}`,author_mid:s.authorMid})});if(!k.ok){let b=`Upload failed (${k.status})`;try{let y=await k.json();y.error&&(b=y.error);}catch{}throw new Error(b)}e?.(),n();}catch(d){p(d instanceof Error?d.message:"Upload failed");}finally{l(false);}};return jsx(te,{title:"Upload skill",onClose:n,children:jsxs("div",{className:"space-y-4",children:[jsxs("div",{onDragOver:u=>{u.preventDefault(),a(true);},onDragLeave:()=>a(false),onDrop:u=>{u.preventDefault(),a(false);let d=u.dataTransfer.files[0];d&&f(d);},onClick:()=>t.current?.click(),className:N("flex cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-10 transition-colors",o?"border-zinc-400 bg-zinc-800/50":"border-zinc-700 hover:border-zinc-500"),children:[jsx("div",{className:"rounded-lg border border-zinc-600 p-2",children:jsx(X,{size:20,className:"text-muted-foreground"})}),jsx("p",{className:"text-sm text-muted-foreground",children:i?"Uploading...":"Drag and drop or click to upload"})]}),jsx("input",{ref:t,type:"file",accept:".md,.zip,.skill,.txt,.yml,.yaml",className:"hidden","aria-label":"Upload skill file",onChange:u=>{let d=u.target.files?.[0];d&&f(d);}}),m&&jsx("p",{className:"text-sm text-red-500",children:m}),jsxs("div",{className:"space-y-2 text-xs text-muted-foreground",children:[jsx("p",{className:"font-medium text-foreground/70",children:"File requirements"}),jsxs("ul",{className:"list-disc pl-5 space-y-1",children:[jsx("li",{children:".md file must contain skill name and description formatted in YAML"}),jsx("li",{children:".zip or .skill file must include a SKILL.md file"})]})]})]})})}function Se({onClose:n,onSelect:e}){let s=ee(),t=useRef(null),o=useRef(n);o.current=n,useEffect(()=>{if(s)return;let i=l=>{t.current&&l.target instanceof Node&&!t.current.contains(l.target)&&o.current();};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[s]);let a=[{id:"create-with-geoff",icon:jsx(Ee,{}),label:"Create with Geoff"},{id:"write",icon:jsx(Te,{}),label:"Write skill instructions"},{id:"upload",icon:jsx(ze,{}),label:"Upload a skill"}];return s?jsxs("div",{className:"fixed inset-0 z-50 flex items-end",onClick:n,children:[jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxs("div",{className:"relative z-10 w-full rounded-t-2xl bg-[#1a1a1a] p-4 pb-8 animate-in slide-in-from-bottom duration-200",onClick:i=>i.stopPropagation(),children:[jsx("div",{className:"mx-auto mb-3 h-1 w-10 rounded-full bg-zinc-600"}),a.map(i=>jsxs("button",{onClick:()=>{e(i.id),n();},className:"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-800",children:[i.icon,i.label]},i.id))]})]}):jsx("div",{ref:t,className:"absolute right-2 top-11 z-50 w-56 overflow-hidden rounded-xl border border-zinc-700 bg-[#2a2a2a] shadow-xl animate-in fade-in zoom-in-95 duration-100",children:a.map(i=>jsxs("button",{onClick:()=>{e(i.id),n();},className:"flex w-full items-center gap-3 px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-700/50",children:[i.icon,i.label]},i.id))})}function Me({entry:n,selected:e,onSelect:s,depth:t=0}){return jsxs("button",{onClick:()=>s(n),className:N("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),style:{paddingLeft:`${8+t*16}px`},children:[jsx("span",{className:"truncate flex-1",children:n.path.split("/").pop()}),n.isDir&&jsx(Y,{className:"ml-auto text-muted-foreground"})]})}function Ie({repo:n,selected:e,expanded:s,onSelect:t,onToggle:o,children:a}){return jsxs("div",{children:[jsxs("button",{onClick:()=>{t(),o();},className:N("flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),children:[jsx(Y,{open:s}),jsx(FileText,{className:"h-4 w-4 shrink-0"}),jsx("span",{className:"truncate",children:n.name})]}),s&&a]})}function Le({entry:n,content:e,loading:s,repoName:t}){let[o,a]=useState(false),i=useRef(null);useEffect(()=>()=>{i.current&&clearTimeout(i.current);},[]);let[l,m]=useState(false),p=async()=>{if(e)try{await navigator.clipboard.writeText(e),a(!0),m(!1),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>a(!1),2e3);}catch{m(true),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>m(false),2e3);}};if(!n)return jsx("div",{className:"flex h-full items-center justify-center text-sm text-muted-foreground",children:"Select a file to view its content"});if(s)return jsx("div",{className:"flex h-full items-center justify-center",children:jsx(Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})});let f=n.path.split("/").pop()||n.path,x=/\.(md|mdx)$/i.test(f);return jsxs("div",{className:"flex h-full flex-col px-3",children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[jsx("h3",{className:"text-sm sm:text-lg font-semibold text-foreground",children:f}),jsx("button",{onClick:p,"aria-label":"Copy file content",className:N("rounded p-1 transition-colors",o?"text-green-500":l?"text-red-500":"text-muted-foreground hover:text-foreground"),children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsx("path",{d:"M12.5 3A1.5 1.5 0 0 1 14 4.5V6h1.5A1.5 1.5 0 0 1 17 7.5v8a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 6 15.5V14H4.5A1.5 1.5 0 0 1 3 12.5v-8A1.5 1.5 0 0 1 4.5 3zm1.5 9.5a1.5 1.5 0 0 1-1.5 1.5H7v1.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5H14zM4.5 4a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"})})})]}),jsx("div",{className:"flex-1 overflow-auto p-4",children:x?jsx(U,{content:e||""}):jsx("pre",{className:"whitespace-pre-wrap text-sm text-foreground font-mono leading-relaxed",children:e||""})})]})}function Ae({config:n,category:e,className:s,style:t}){let{repos:o,loading:a,error:i,refresh:l}=_(n),[m,p]=useState(null),[f,x]=useState(null),[u,d]=useState(null),[v,R]=useState(null),[E,P]=useState(false),[k,b]=useState(""),[y,j]=useState(false),[O,H]=useState(false),[V,I]=useState(null),re=o.find(g=>g.repo_id===m),{entries:ne,getFileContent:Z}=F(n,f),W=o.filter(g=>!k||g.name.toLowerCase().includes(k.toLowerCase())),oe=useCallback(async g=>{if(!g.isDir){d(g),P(true);try{let C=await Z(g.cid);R(C);}catch(C){let ie=C instanceof Error?C.message:"Unknown error";R(`Failed to load file: ${ie}`);}finally{P(false);}}},[Z]);useEffect(()=>{o.length>0&&!m&&(p(o[0].repo_id),x(o[0].repo_id));},[o,m]);let se=g=>{g==="create-with-geoff"?window.open(`https://www.geoff.ai/?p=${encodeURIComponent("Let's create a skill together using your skill-creator skill. First ask me what the skill should do.")}`,"_blank","noopener,noreferrer"):I(g);};return jsxs("div",{className:N("flex flex-1 h-full min-h-0",s),style:t,children:[jsxs("div",{className:"relative flex w-96 shrink-0 flex-col border-r",children:[jsx("div",{className:"flex h-12 items-center gap-2 px-3",children:y?jsxs(Fragment,{children:[jsxs("div",{className:"flex flex-1 items-center gap-2 rounded-md border bg-muted/50 px-2 py-1",children:[jsx(G,{size:16,className:"shrink-0 text-muted-foreground"}),jsx("input",{type:"text",value:k,onChange:g=>b(g.target.value),placeholder:"Search",autoFocus:true,"aria-label":"Search items",className:"flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"})]}),jsx("button",{onClick:()=>{j(false),b("");},className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsx(D,{size:16})})]}):jsxs(Fragment,{children:[jsx("h3",{className:"flex-1 text-sm sm:text-lg font-semibold text-foreground capitalize",children:e||"Items"}),jsx("button",{onClick:()=>j(true),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Search",children:jsx(G,{size:20})}),jsx("button",{onClick:()=>H(!O),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Add new",children:jsx(X,{size:20})})]})}),O&&jsx(Se,{onClose:()=>H(false),onSelect:se}),jsx("div",{className:"flex-1 overflow-y-auto p-2",children:a?jsx("div",{className:"flex items-center justify-center py-8",children:jsx(Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})}):i?jsx("p",{className:"px-2 py-4 text-xs text-red-500",children:i}):W.length===0?jsx("p",{className:"px-2 py-4 text-xs text-muted-foreground",children:k?"No matching items":"No items yet"}):jsx("div",{className:"space-y-0.5",children:W.map(g=>jsx(Ie,{repo:g,selected:m===g.repo_id,expanded:f===g.repo_id,onSelect:()=>{p(g.repo_id),d(null),R(null);},onToggle:()=>x(f===g.repo_id?null:g.repo_id),children:jsx("div",{className:"ml-10 pl-1",children:ne.map(C=>jsx(Me,{entry:C,selected:u?.path===C.path,onSelect:oe,depth:C.path.split("/").length-1},C.path))})},g.repo_id))})})]}),jsx("div",{className:"flex-1 min-w-0",children:jsx(Le,{entry:u,content:v,loading:E,repoName:re?.name||""})}),V==="write"&&jsx(Pe,{config:n,onClose:()=>I(null),onCreated:l}),V==="upload"&&jsx($e,{config:n,onClose:()=>I(null),onCreated:l})]})}
|
|
10
|
-
export{
|
|
9
|
+
${a.trim()}`,S=await fetch(`${p}/api/skills`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n.trim(),description:u.trim(),skill_md:v,content_type:"code"})});if(!S.ok){let T=`Failed to register skill (${S.status})`;try{let R=await S.json();R.error&&(T=R.error);}catch{}throw new Error(T)}e?.(),t();}catch(p){m(p instanceof Error?p.message:"Failed to create skill");}finally{d(false);}}},disabled:c||!n.trim(),className:"rounded-lg bg-zinc-600 px-4 py-2 text-sm font-medium text-white hover:bg-zinc-500 disabled:opacity-50",children:c?"Creating...":"Create"})]})]})})}function gt({onClose:t,onCreated:e,config:o}){let n=useRef(null),[s,u]=useState(false),[r,a]=useState(false),[l,c]=useState(null),d=async m=>{a(true),c(null);try{let g=await m.text(),p=o.apiBaseUrl||"",v=m.name.replace(/\.[^.]+$/,"").replace(/[^a-zA-Z0-9-_]/g,"-"),S=await fetch(`${p}/api/skills`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:v,skill_md:g,content_type:"code"})});if(!S.ok){let T=`Failed to register skill (${S.status})`;try{let R=await S.json();R.error&&(T=R.error);}catch{}throw new Error(T)}e?.(),t();}catch(g){c(g instanceof Error?g.message:"Upload failed");}finally{a(false);}};return jsx(he,{title:"Upload skill",onClose:t,children:jsxs("div",{className:"space-y-4",children:[jsxs("div",{onDragOver:m=>{m.preventDefault(),u(true);},onDragLeave:()=>u(false),onDrop:m=>{m.preventDefault(),u(false);let g=m.dataTransfer.files[0];g&&d(g);},onClick:()=>n.current?.click(),className:C("flex cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-10 transition-colors",s?"border-zinc-400 bg-zinc-800/50":"border-zinc-700 hover:border-zinc-500"),children:[jsx("div",{className:"rounded-lg border border-zinc-600 p-2",children:jsx(ge,{size:20,className:"text-muted-foreground"})}),jsx("p",{className:"text-sm text-muted-foreground",children:r?"Uploading...":"Drag and drop or click to upload"})]}),jsx("input",{ref:n,type:"file",accept:".md,.zip,.skill,.txt,.yml,.yaml",className:"hidden","aria-label":"Upload skill file",onChange:m=>{let g=m.target.files?.[0];g&&d(g);}}),l&&jsx("p",{className:"text-sm text-red-500",children:l}),jsxs("div",{className:"space-y-2 text-xs text-muted-foreground",children:[jsx("p",{className:"font-medium text-foreground/70",children:"File requirements"}),jsxs("ul",{className:"list-disc pl-5 space-y-1",children:[jsx("li",{children:".md file must contain skill name and description formatted in YAML"}),jsx("li",{children:".zip or .skill file must include a SKILL.md file"})]})]})]})})}function pt({onClose:t,onSelect:e}){let o=pe(),n=useRef(null),s=useRef(t);s.current=t,useEffect(()=>{if(o)return;let r=a=>{n.current&&a.target instanceof Node&&!n.current.contains(a.target)&&s.current();};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o]);let u=[{id:"create-with-geoff",icon:jsx(ut,{}),label:"Create with Geoff"},{id:"write",icon:jsx(dt,{}),label:"Write skill instructions"},{id:"upload",icon:jsx(ft,{}),label:"Upload a skill"}];return o?jsxs("div",{className:"fixed inset-0 z-50 flex items-end",onClick:t,children:[jsx("div",{className:"fixed inset-0 bg-black/50"}),jsxs("div",{className:"relative z-10 w-full rounded-t-2xl bg-[#1a1a1a] p-4 pb-8 animate-in slide-in-from-bottom duration-200",onClick:r=>r.stopPropagation(),children:[jsx("div",{className:"mx-auto mb-3 h-1 w-10 rounded-full bg-zinc-600"}),u.map(r=>jsxs("button",{onClick:()=>{e(r.id),t();},className:"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-800",children:[r.icon,r.label]},r.id))]})]}):jsx("div",{ref:n,className:"absolute right-2 top-11 z-50 w-56 overflow-hidden rounded-xl border border-zinc-700 bg-[#2a2a2a] shadow-xl animate-in fade-in zoom-in-95 duration-100",children:u.map(r=>jsxs("button",{onClick:()=>{e(r.id),t();},className:"flex w-full items-center gap-3 px-4 py-3 text-sm text-foreground transition-colors hover:bg-zinc-700/50",children:[r.icon,r.label]},r.id))})}function ht({entry:t,selected:e,onSelect:o,depth:n=0}){return jsxs("button",{onClick:()=>o(t),className:C("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),style:{paddingLeft:`${8+n*16}px`},children:[jsx("span",{className:"truncate flex-1",children:t.path.split("/").pop()}),t.isDir&&jsx(me,{className:"ml-auto text-muted-foreground"})]})}function yt({repo:t,selected:e,expanded:o,onSelect:n,onToggle:s,children:u}){return jsxs("div",{children:[jsxs("button",{onClick:()=>{n(),s();},className:C("flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-sm font-medium transition-colors",e?"bg-[#141414] text-foreground":"text-muted-foreground hover:bg-muted/50 hover:text-foreground"),children:[jsx(me,{open:o}),jsx(FileText,{className:"h-4 w-4 shrink-0"}),jsx("span",{className:"truncate",children:t.name})]}),o&&u]})}function kt({entry:t,content:e,loading:o,repoName:n}){let[s,u]=useState(false),r=useRef(null);useEffect(()=>()=>{r.current&&clearTimeout(r.current);},[]);let[a,l]=useState(false),c=async()=>{if(e)try{await navigator.clipboard.writeText(e),u(!0),l(!1),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>u(!1),2e3);}catch{l(true),r.current&&clearTimeout(r.current),r.current=setTimeout(()=>l(false),2e3);}};if(!t)return jsx("div",{className:"flex h-full items-center justify-center text-sm text-muted-foreground",children:"Select a file to view its content"});if(o)return jsx("div",{className:"flex h-full items-center justify-center",children:jsx(Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})});let d=t.path.split("/").pop()||t.path,f=/\.(md|mdx)$/i.test(d);return jsxs("div",{className:"flex h-full flex-col px-3",children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[jsx("h3",{className:"text-sm sm:text-lg font-semibold text-foreground",children:d}),jsx("button",{onClick:c,"aria-label":"Copy file content",className:C("rounded p-1 transition-colors",s?"text-green-500":a?"text-red-500":"text-muted-foreground hover:text-foreground"),children:jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"shrink-0",children:jsx("path",{d:"M12.5 3A1.5 1.5 0 0 1 14 4.5V6h1.5A1.5 1.5 0 0 1 17 7.5v8a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 6 15.5V14H4.5A1.5 1.5 0 0 1 3 12.5v-8A1.5 1.5 0 0 1 4.5 3zm1.5 9.5a1.5 1.5 0 0 1-1.5 1.5H7v1.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5H14zM4.5 4a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"})})})]}),jsx("div",{className:"flex-1 overflow-auto p-4",children:f?jsx(V,{content:e||""}):jsx("pre",{className:"whitespace-pre-wrap text-sm text-foreground font-mono leading-relaxed",children:e||""})})]})}function xt({config:t,category:e,className:o,style:n}){let{repos:s,loading:u,error:r,refresh:a}=A(t),[l,c]=useState(null),[d,f]=useState(null),[m,g]=useState(null),[p,v]=useState(null),[S,T]=useState(false),[R,q]=useState(""),[ye,G]=useState(false),[Y,Q]=useState(false),[X,M]=useState(null),ke=s.find(y=>y.repo_id===l),{entries:xe,getFileContent:ee}=U(t,d),te=s.filter(y=>!R||y.name.toLowerCase().includes(R.toLowerCase())),we=useCallback(async y=>{if(!y.isDir){g(y),T(true);try{let N=await ee(y.cid);v(N);}catch(N){let ve=N instanceof Error?N.message:"Unknown error";v(`Failed to load file: ${ve}`);}finally{T(false);}}},[ee]);useEffect(()=>{s.length>0&&!l&&(c(s[0].repo_id),f(s[0].repo_id));},[s,l]);let be=y=>{y==="create-with-geoff"?window.open(`https://www.geoff.ai/?p=${encodeURIComponent("Let's create a skill together using your skill-creator skill. First ask me what the skill should do.")}`,"_blank","noopener,noreferrer"):M(y);};return jsxs("div",{className:C("flex flex-1 h-full min-h-0",o),style:n,children:[jsxs("div",{className:"relative flex w-96 shrink-0 flex-col border-r",children:[jsx("div",{className:"flex h-12 items-center gap-2 px-3",children:ye?jsxs(Fragment,{children:[jsxs("div",{className:"flex flex-1 items-center gap-2 rounded-md border bg-muted/50 px-2 py-1",children:[jsx(ue,{size:16,className:"shrink-0 text-muted-foreground"}),jsx("input",{type:"text",value:R,onChange:y=>q(y.target.value),placeholder:"Search",autoFocus:true,"aria-label":"Search items",className:"flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"})]}),jsx("button",{onClick:()=>{G(false),q("");},className:"rounded p-1 text-muted-foreground hover:text-foreground",children:jsx(Z,{size:16})})]}):jsxs(Fragment,{children:[jsx("h3",{className:"flex-1 text-sm sm:text-lg font-semibold text-foreground capitalize",children:e||"Items"}),jsx("button",{onClick:()=>G(true),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Search",children:jsx(ue,{size:20})}),jsx("button",{onClick:()=>Q(!Y),className:"rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground","aria-label":"Add new",children:jsx(ge,{size:20})})]})}),Y&&jsx(pt,{onClose:()=>Q(false),onSelect:be}),jsx("div",{className:"flex-1 overflow-y-auto p-2",children:u?jsx("div",{className:"flex items-center justify-center py-8",children:jsx(Loader2,{className:"h-5 w-5 animate-spin text-muted-foreground"})}):r?jsx("p",{className:"px-2 py-4 text-xs text-red-500",children:r}):te.length===0?jsx("p",{className:"px-2 py-4 text-xs text-muted-foreground",children:R?"No matching items":"No items yet"}):jsx("div",{className:"space-y-0.5",children:te.map(y=>jsx(yt,{repo:y,selected:l===y.repo_id,expanded:d===y.repo_id,onSelect:()=>{c(y.repo_id),g(null),v(null);},onToggle:()=>f(d===y.repo_id?null:y.repo_id),children:jsx("div",{className:"ml-10 pl-1",children:xe.map(N=>jsx(ht,{entry:N,selected:m?.path===N.path,onSelect:we,depth:N.path.split("/").length-1},N.path))})},y.repo_id))})})]}),jsx("div",{className:"flex-1 min-w-0",children:jsx(kt,{entry:m,content:p,loading:S,repoName:ke?.name||""})}),X==="write"&&jsx(mt,{config:t,onClose:()=>M(null),onCreated:a}),X==="upload"&&jsx(gt,{config:t,onClose:()=>M(null),onCreated:a})]})}
|
|
10
|
+
export{V as Markdown,xt as RackBrowser,le as estimateCost,Ve as useNetworkStats,x as useRackClient,Le as useRackRegister,ze as useRackSession,Me as useRepoPush,U as useRepoTree,A as useRepos,Oe as useSkillStats,et as useStar,He as useTensorStats,Ye as useTrending};
|