@tablestore/tablestore-agent-cli 0.1.9 → 0.2.0

package/dist/dashboard-runtime/dashboard/.next/static/chunks/15bzqpm440jvz.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,30068,e=>{"use strict";let t=(0,e.i(86620).default)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);e.s(["RefreshCw",0,t],30068)},23516,e=>{"use strict";var t=e.i(44501),s=e.i(70978),a=e.i(65581),r=e.i(79980),n=e.i(76490);let l={"knowledge-base":"知识库",memory:"记忆库","llm-providers":"大模型",projects:"项目管理",documents:"文档",retrieval:"检索测试",qa:"问答测试",search:"记忆检索",units:"长期记忆",messages:"短期记忆",requests:"请求审计",settings:"设置",create:"新建",new:"新建",chat:"对话"};e.s(["PageHeader",0,function({title:e,description:i,hideBreadcrumb:o,children:c,className:d}){let u=(0,a.usePathname)()??"/",m=o?[]:function(e){if(/^\/knowledge-base\/[^/]+(?:\/.*)?$/.test(e)||/^\/memory\/[^/]+(?:\/.*)?$/.test(e))return[];let t=e.split("/").filter(Boolean);if(0===t.length)return[];let s=[],a="";return t.forEach((e,r)=>{a+=`/${e}`;let n=decodeURIComponent(e),i=l[n]??n;s.push({label:i,href:r<t.length-1?a:void 0})}),s}(u);return(0,t.jsxs)("div",{className:(0,n.cn)("mb-5 flex flex-col gap-2",d),children:[m.length>1&&(0,t.jsxs)("nav",{"aria-label":"面包屑",className:"flex items-center gap-1 text-[13px] text-[hsl(var(--muted-foreground))]",children:[(0,t.jsx)(s.default,{href:"/",className:"transition-colors hover:text-[hsl(var(--foreground))]",children:"主页"}),m.map((e,a)=>(0,t.jsxs)("span",{className:"flex items-center gap-1",children:[(0,t.jsx)(r.ChevronRight,{className:"h-3 w-3 opacity-60"}),e.href?(0,t.jsx)(s.default,{href:e.href,className:"transition-colors hover:text-[hsl(var(--foreground))]",children:e.label}):(0,t.jsx)("span",{className:"font-medium text-[hsl(var(--foreground))]",children:e.label})]},`${e.label}-${a}`))]}),(0,t.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,t.jsxs)("div",{className:"space-y-1",children:[(0,t.jsx)("h1",{className:"text-xl font-semibold leading-tight text-[hsl(var(--foreground))]",children:e}),i&&(0,t.jsx)("p",{className:"text-[13px] text-[hsl(var(--muted-foreground))]",children:i})]}),c&&(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-2",children:c})]})]})}])},33153,e=>{"use strict";let t=(0,e.i(86620).default)("pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);e.s(["Pencil",0,t],33153)},22740,e=>{"use strict";var t=e.i(44501),s=e.i(17635),a=e.i(76490);let r=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("div",{className:"relative w-full overflow-auto",children:(0,t.jsx)("table",{ref:r,className:(0,a.cn)("w-full caption-bottom text-sm",e),...s})}));r.displayName="Table";let n=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("thead",{ref:r,className:(0,a.cn)("[&_tr]:border-b [&_tr]:border-[hsl(var(--border))] [&_tr]:bg-[hsl(var(--secondary))]",e),...s}));n.displayName="TableHeader";let l=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("tbody",{ref:r,className:(0,a.cn)("[&_tr:last-child]:border-0",e),...s}));l.displayName="TableBody",s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("tfoot",{ref:r,className:(0,a.cn)("border-t border-[hsl(var(--border))] bg-[hsl(var(--secondary)/0.5)] font-medium [&>tr]:last:border-b-0",e),...s})).displayName="TableFooter";let i=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("tr",{ref:r,className:(0,a.cn)("border-b border-[hsl(var(--border-light))] transition-colors hover:bg-[hsl(var(--secondary)/0.5)] data-[state=selected]:bg-[hsl(var(--primary-soft))]",e),...s}));i.displayName="TableRow";let o=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("th",{ref:r,className:(0,a.cn)("h-9 px-3 text-left align-middle text-xs font-medium text-[hsl(var(--muted-foreground))] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...s}));o.displayName="TableHead";let c=s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("td",{ref:r,className:(0,a.cn)("px-3 py-2 align-middle text-sm [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...s}));c.displayName="TableCell",s.forwardRef(({className:e,...s},r)=>(0,t.jsx)("caption",{ref:r,className:(0,a.cn)("mt-4 text-sm text-[hsl(var(--muted-foreground))]",e),...s})).displayName="TableCaption",e.s(["Table",0,r,"TableBody",0,l,"TableCell",0,c,"TableHead",0,o,"TableHeader",0,n,"TableRow",0,i])},31592,73581,e=>{"use strict";var t=e.i(44501),s=e.i(17635),a=e.i(30068),r=e.i(42595),n=e.i(76490);e.s(["RefreshButton",0,function({loading:e,onClick:l,title:i="刷新",className:o,size:c="icon",label:d,variant:u="ghost"}){let m=(0,s.useRef)(null),x=(0,s.useRef)(null),h=(0,s.useRef)(e),p=()=>{let e=m.current;if(!e||x.current)return;let t=e.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:800,easing:"linear",iterations:1,fill:"none"});x.current=t,t.addEventListener("finish",()=>{x.current=null,h.current&&p()}),t.addEventListener("cancel",()=>{x.current=null})};(0,s.useEffect)(()=>{h.current=e},[e]),(0,s.useEffect)(()=>{e&&p()},[e]),(0,s.useEffect)(()=>()=>{x.current?.cancel(),x.current=null},[]);let f="icon"!==c&&!!d;return(0,t.jsxs)(r.Button,{type:"button",variant:u,size:c,onClick:()=>{e||(p(),l())},title:i,"aria-label":d??i,"aria-busy":e||void 0,className:(0,n.cn)("group text-muted-foreground transition-colors duration-150","hover:text-foreground active:scale-[0.96]","ghost"===u&&"hover:bg-[hsl(var(--accent))]",o),children:[(0,t.jsx)("span",{ref:m,"aria-hidden":!0,className:(0,n.cn)("inline-flex transform-gpu",f&&"mr-1.5"),children:(0,t.jsx)(a.RefreshCw,{className:"sm"===c?"h-3.5 w-3.5":"h-4 w-4"})}),f&&d]})}],31592);let l=(0,e.i(86620).default)("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);e.s(["Eye",0,l],73581)},144,e=>{"use strict";var t=e.i(44501),s=e.i(17635),a=e.i(65581),r=e.i(68432),n=e.i(79980),l=e.i(58204),i=e.i(96416),o=e.i(87014),c=e.i(42595),d=e.i(23888),u=e.i(23516),m=e.i(12251),x=e.i(31592),h=e.i(31211),p=e.i(12122),f=e.i(43876),j=e.i(64204),g=e.i(47570),y=e.i(7166),b=e.i(37500),v=e.i(12984),N=e.i(81015),w=e.i(33253),k=e.i(66476),S=e.i(45123);function C({memoryStoreName:e,scope:a,open:r,onOpenChange:n,onSuccess:l}){let i,d=(i=(0,v.useQueryClient)(),(0,b.useMutation)({mutationFn:e=>(0,j.addMemory)(e),onSuccess:()=>{(0,g.invalidateMemoryQueries)(i)}})),[u,m]=(0,s.useState)(""),[x,h]=(0,s.useState)("");async function p(){try{let t=(0,N.parseJsonObject)(x);if(!u.trim())return void o.toast.error("请输入要提取为记忆的文本");await d.mutateAsync({memoryStoreName:e,scope:a,text:u.trim(),metadata:t,sync:!1}),o.toast.success("记忆正在加工中，请稍后查看"),m(""),h(""),n(!1),l?.()}catch(e){o.toast.error(e instanceof Error?e.message:"添加记忆失败")}}return(0,t.jsx)(w.Dialog,{open:r,onOpenChange:n,children:(0,t.jsxs)(w.DialogContent,{className:"max-w-xl",children:[(0,t.jsx)(w.DialogHeader,{children:(0,t.jsx)(w.DialogTitle,{children:"添加记忆"})}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(k.Label,{children:"Text"}),(0,t.jsx)(S.Textarea,{value:u,onChange:e=>m(e.target.value),placeholder:"输入要提取为记忆的文本...",rows:5})]}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(k.Label,{children:"Metadata JSON（可选）"}),(0,t.jsx)(S.Textarea,{value:x,onChange:e=>h(e.target.value),placeholder:'{"source":"dashboard"}',rows:3})]}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"记忆将通过异步方式处理，添加后可在记忆单元中查看结果。"})]}),(0,t.jsxs)(w.DialogFooter,{children:[(0,t.jsx)(c.Button,{variant:"outline",onClick:()=>n(!1),children:"取消"}),(0,t.jsx)(c.Button,{onClick:p,disabled:d.isPending,children:d.isPending?"提交中...":"提交"})]})]})})}var T=e.i(73581),I=e.i(33153),D=e.i(30363),R=e.i(22740);let M="当前记忆单元缺少精确 scope 或 ID，无法操作";function B(e){return e.id??e.memoryId??"-"}let E=(0,s.memo)(function({unit:e,actionDisabled:a,onView:r,onEdit:n,onDelete:l}){let i=(0,s.useCallback)(()=>r?.(e),[r,e]),o=(0,s.useCallback)(()=>n?.(e),[n,e]),d=(0,s.useCallback)(()=>l?.(e),[l,e]);return(0,t.jsxs)(R.TableRow,{children:[(0,t.jsx)(R.TableCell,{className:"font-mono text-xs",children:B(e)}),(0,t.jsxs)(R.TableCell,{className:"max-w-[420px]",children:[(0,t.jsx)("p",{className:"line-clamp-2 text-sm",children:e.text}),e.search_text&&(0,t.jsx)("p",{className:"mt-1 line-clamp-1 text-xs text-muted-foreground",children:e.search_text})]}),(0,t.jsx)(R.TableCell,{children:e.unit_type??"-"}),(0,t.jsx)(R.TableCell,{children:e.version??"-"}),(0,t.jsx)(R.TableCell,{className:"text-xs text-muted-foreground",children:function(e){if(!e)return"-";try{let t=new Date(e);if(isNaN(t.getTime()))return String(e);return t.toLocaleString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"})}catch{return String(e)}}(e.created_at??e.createdAt)}),(0,t.jsx)(R.TableCell,{children:(0,t.jsxs)("div",{className:"flex justify-end gap-1",children:[(0,t.jsx)(c.Button,{type:"button",variant:"ghost",size:"icon",disabled:a,onClick:i,title:a?M:"查看详情",children:(0,t.jsx)(T.Eye,{className:"h-4 w-4"})}),(0,t.jsx)(c.Button,{type:"button",variant:"ghost",size:"icon",disabled:a,onClick:o,title:a?M:"编辑",children:(0,t.jsx)(I.Pencil,{className:"h-4 w-4"})}),(0,t.jsx)(c.Button,{type:"button",variant:"ghost",size:"icon",disabled:a,onClick:d,title:a?M:"删除",children:(0,t.jsx)(D.Trash2,{className:"h-4 w-4 text-[hsl(var(--destructive))]"})})]})})]})});function H({units:e,readOnly:s=!1,isActionDisabled:a,onView:r,onEdit:n,onDelete:l}){return e.length?(0,t.jsx)("div",{className:"rounded-lg border",children:(0,t.jsxs)(R.Table,{children:[(0,t.jsx)(R.TableHeader,{children:(0,t.jsxs)(R.TableRow,{children:[(0,t.jsx)(R.TableHead,{className:"w-[180px]",children:"ID"}),(0,t.jsx)(R.TableHead,{children:"内容"}),(0,t.jsx)(R.TableHead,{className:"w-[140px]",children:"类型"}),(0,t.jsx)(R.TableHead,{className:"w-[120px]",children:"版本"}),(0,t.jsx)(R.TableHead,{className:"w-[170px]",children:"创建时间"}),(0,t.jsx)(R.TableHead,{className:"w-[160px] text-right",children:"操作"})]})}),(0,t.jsx)(R.TableBody,{children:e.map((e,i)=>{let o=s||a?.(e)||!1,c=B(e);return(0,t.jsx)(E,{unit:e,actionDisabled:o,onView:r,onEdit:n,onDelete:l},"-"===c?i:c)})})]})}):(0,t.jsx)("div",{className:"rounded-lg border border-dashed py-12 text-center text-sm text-muted-foreground",children:"当前 scope 下暂无记忆单元"})}function K({memoryStoreName:e,scope:s,unit:a,open:r,onOpenChange:n}){let l,i=(l=(0,v.useQueryClient)(),(0,b.useMutation)({mutationFn:e=>(0,j.updateMemoryUnit)(e),onSuccess:()=>{(0,g.invalidateMemoryQueries)(l)}})),d=a?B(a):"empty";async function u(t){if(t.preventDefault(),!a)return;let r=B(a);if("-"===r)return void o.toast.error("记忆单元缺少 ID，无法编辑");let l=new FormData(t.currentTarget),c=String(l.get("text")??"").trim(),d=String(l.get("metadata")??"");try{await i.mutateAsync({memoryStoreName:e,memoryId:r,scope:s,text:c||void 0,metadata:(0,N.parseJsonObject)(d)}),o.toast.success("记忆单元已更新"),n(!1)}catch(e){o.toast.error(e instanceof Error?e.message:"更新记忆失败")}}return(0,t.jsx)(w.Dialog,{open:r,onOpenChange:n,children:(0,t.jsxs)(w.DialogContent,{className:"max-w-2xl",children:[(0,t.jsx)(w.DialogHeader,{children:(0,t.jsx)(w.DialogTitle,{children:"编辑记忆单元"})}),(0,t.jsxs)("form",{onSubmit:u,className:"space-y-4",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(k.Label,{children:"Text"}),(0,t.jsx)(S.Textarea,{name:"text",defaultValue:a?.text??"",rows:5})]}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(k.Label,{children:"Metadata JSON"}),(0,t.jsx)(S.Textarea,{name:"metadata",defaultValue:a?.metadata?JSON.stringify(a.metadata,null,2):"",rows:4})]}),(0,t.jsxs)(w.DialogFooter,{children:[(0,t.jsx)(c.Button,{type:"button",variant:"outline",onClick:()=>n(!1),children:"取消"}),(0,t.jsx)(c.Button,{type:"submit",disabled:i.isPending,children:i.isPending?"保存中...":"保存"})]})]},d)]})})}function P({label:e,children:s}){return(0,t.jsxs)("div",{className:"grid grid-cols-[120px_1fr] items-start gap-3",children:[(0,t.jsx)("span",{className:"pt-0.5 text-xs font-medium text-muted-foreground",children:e}),(0,t.jsx)("div",{className:"min-w-0 text-sm text-foreground",children:s})]})}function O({memoryStoreName:e,scope:s,unit:a,open:r,onOpenChange:n}){let l=a?B(a):void 0,i=function(e,t,s,a=!0){let{context:r,ready:n}=(0,y.useRuntimeContext)();return(0,f.useQuery)({queryKey:g.queryKeys.memoryUnit(r.dataScopeKey,e,t,s),queryFn:()=>(0,j.getMemoryUnit)({memoryStoreName:e,memoryId:t,scope:s}),enabled:n&&a&&!!e&&!!s?.appId&&!!t&&"-"!==t})}(e,l,s,r),o=i.data?.memory;return(0,t.jsx)(w.Dialog,{open:r,onOpenChange:n,children:(0,t.jsxs)(w.DialogContent,{className:"max-w-2xl",children:[(0,t.jsx)(w.DialogHeader,{children:(0,t.jsx)(w.DialogTitle,{children:"记忆单元详情"})}),a?"-"===l?(0,t.jsx)("p",{className:"text-sm text-destructive",children:"记忆单元缺少 ID，无法加载详情。"}):i.isLoading?(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(h.Skeleton,{className:"h-4 w-16"}),(0,t.jsx)(h.Skeleton,{className:"h-5 w-64"})]}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(h.Skeleton,{className:"h-4 w-16"}),(0,t.jsx)(h.Skeleton,{className:"h-24 w-full"})]}),(0,t.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2",children:[(0,t.jsx)(h.Skeleton,{className:"h-14 w-full"}),(0,t.jsx)(h.Skeleton,{className:"h-14 w-full"}),(0,t.jsx)(h.Skeleton,{className:"h-14 w-full"}),(0,t.jsx)(h.Skeleton,{className:"h-14 w-full"})]})]}):i.isError?(0,t.jsx)("p",{className:"rounded-md bg-destructive/5 p-3 text-sm text-destructive",children:i.error instanceof Error?i.error.message:"加载记忆单元详情失败"}):o?(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(P,{label:"ID",children:(0,t.jsx)("span",{className:"break-all font-mono text-xs",children:o.id??o.memoryId??"-"})}),(0,t.jsx)(P,{label:"内容",children:(0,t.jsx)("p",{className:"whitespace-pre-wrap rounded-md bg-muted p-3 text-sm",children:o.text})}),o.search_text&&(0,t.jsx)(P,{label:"Search Text",children:(0,t.jsx)("p",{className:"whitespace-pre-wrap rounded-md bg-muted p-3 text-sm",children:o.search_text})}),(0,t.jsx)(P,{label:"Scope",children:(0,N.formatScope)(o.scope)}),(0,t.jsx)(P,{label:"类型",children:o.unit_type??"-"}),(0,t.jsx)(P,{label:"Salience",children:o.salience??"-"}),(0,t.jsx)(P,{label:"版本",children:o.version??"-"}),o.metadata&&(0,t.jsx)(P,{label:"Metadata",children:(0,t.jsx)("pre",{className:"overflow-auto rounded-md bg-muted p-3 text-xs",children:JSON.stringify(o.metadata,null,2)})})]}):(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"未找到记忆单元详情。"}):null]})})}var L=e.i(93321);e.s(["default",0,function(){let e,w=(0,a.useParams)(),k=(0,a.useSearchParams)(),S=decodeURIComponent(w.store),T=(0,s.useMemo)(()=>(0,N.buildMemoryScope)(k),[k.toString()]),I=(0,N.hasWildcardScope)(T),D=(0,s.useMemo)(()=>`${T.appId}|${T.tenantId??""}|${T.agentId??""}|${T.runId??""}`,[T.appId,T.tenantId,T.agentId,T.runId]),[R,M]=(0,s.useState)({scopeKey:D,tokenStack:[]}),[E]=(0,s.useState)(20),[P,$]=(0,s.useState)(""),[U,_]=(0,s.useState)(null),[z,q]=(0,s.useState)(!1),[F,Q]=(0,s.useState)({scopeKey:D,open:!1}),[A,J]=(0,s.useState)({scopeKey:D,unit:null}),[V,W]=(0,s.useState)({scopeKey:D,unit:null}),[G,X]=(0,s.useState)({scopeKey:D,unit:null}),Y=R.scopeKey===D?R.tokenStack:[],Z=R.scopeKey===D?R.currentToken:void 0,ee=F.scopeKey===D&&F.open,et=A.scopeKey===D?A.unit:null,es=V.scopeKey===D?V.unit:null,ea=G.scopeKey===D?G.unit:null,er=function(e,t,s,a=20){let{context:r,ready:n}=(0,y.useRuntimeContext)();return(0,f.useQuery)({queryKey:g.queryKeys.memoryUnits(r.dataScopeKey,e,t,s,a),queryFn:()=>(0,j.listMemoryUnits)(e,t,{nextToken:s,limit:a}),enabled:n&&!!e&&!!t?.appId,staleTime:3e4})}(S,T.appId?T:null,Z,E),en=(e=(0,v.useQueryClient)(),(0,b.useMutation)({mutationFn:e=>(0,j.deleteMemoryUnit)(e),onSuccess:()=>{(0,g.invalidateMemoryQueries)(e)}})),el=er.data?.items??[];function ei(e,t){return e.scope?.appId?e.scope:t}function eo(e,t){let s=B(e),a=ei(e,t);return!!a.appId&&!(0,N.hasWildcardScope)(a)&&"-"!==s}let ec=et?ei(et,T):T,ed=es?ei(es,T):T,eu=ea?ei(ea,T):T;async function em(){if(!ea)return;let e=B(ea);if("-"===e)return void o.toast.error("记忆单元缺少 ID，无法删除");if(!eo(ea,T))return void o.toast.error("当前记忆单元缺少精确 scope，无法删除");try{await en.mutateAsync({memoryStoreName:S,memoryId:e,scope:eu}),o.toast.success("记忆单元已删除"),X({scopeKey:D,unit:null}),er.refetch()}catch(e){o.toast.error(e instanceof Error?e.message:"删除记忆单元失败")}}async function ex(){if(!P.trim())return void o.toast.error("请输入 Memory ID");if(!T.appId)return void o.toast.error("请先设置精确的 Scope");q(!0);try{let e=await (0,L.apiGet)(`/api/v1/memory/stores/${encodeURIComponent(S)}/units/${encodeURIComponent(P.trim())}?${new URLSearchParams({appId:T.appId,...T.tenantId?{tenantId:T.tenantId}:{},...T.agentId?{agentId:T.agentId}:{},...T.runId?{runId:T.runId}:{}}).toString()}`);_(e.memory),o.toast.success("找到记忆单元")}catch(e){_(null),o.toast.error(e instanceof Error?e.message:"未找到该记忆单元")}finally{q(!1)}}function eh(){$(""),_(null)}let ep=U?[U]:el,ef=U?1:er.data?.totalCount??0;return er.isLoading&&!U?(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(h.Skeleton,{className:"h-8 w-48"}),(0,t.jsx)(h.Skeleton,{className:"h-10 w-full"}),(0,t.jsx)(h.Skeleton,{className:"h-64 w-full"})]}):(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(u.PageHeader,{title:`长期记忆 (${ef})`,children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(x.RefreshButton,{loading:er.isRefetching,onClick:()=>{er.refetch(),eh()}}),I?(0,t.jsx)(p.TooltipProvider,{delayDuration:200,children:(0,t.jsxs)(p.Tooltip,{children:[(0,t.jsx)(p.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("span",{tabIndex:0,className:"inline-flex",children:(0,t.jsxs)(c.Button,{disabled:!0,className:"pointer-events-none",children:[(0,t.jsx)(l.Plus,{className:"mr-2 h-4 w-4"}),"添加记忆"]})})}),(0,t.jsx)(p.TooltipContent,{side:"bottom",className:"max-w-[240px]",children:(0,t.jsx)("p",{children:"请在上方 Scope 栏中为所有字段设置具体值后再添加记忆"})})]})}):(0,t.jsxs)(c.Button,{onClick:()=>Q({scopeKey:D,open:!0}),children:[(0,t.jsx)(l.Plus,{className:"mr-2 h-4 w-4"}),"添加记忆"]})]})}),(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)(d.Input,{value:P,onChange:e=>$(e.target.value),placeholder:"输入 Memory ID 查询单条记忆...",className:"max-w-md",onKeyDown:e=>"Enter"===e.key&&ex()}),(0,t.jsxs)(c.Button,{onClick:ex,disabled:z||!T.appId,children:[(0,t.jsx)(i.Search,{className:"mr-1.5 h-4 w-4"}),z?"查询中...":"查询"]}),U&&(0,t.jsx)(c.Button,{variant:"outline",onClick:eh,children:"返回列表"})]}),I&&!U&&(0,t.jsx)("p",{className:"text-xs text-muted-foreground",children:"当前 scope 含通配符，仅支持只读查询，无法执行新增、查看详情、编辑或删除。"}),(0,t.jsx)(H,{units:ep,readOnly:!!U,isActionDisabled:e=>!!U||!eo(e,T),onView:e=>J({scopeKey:D,unit:e}),onEdit:e=>W({scopeKey:D,unit:e}),onDelete:e=>X({scopeKey:D,unit:e})}),!U&&(0,t.jsxs)("div",{className:"flex items-center justify-between py-2",children:[(0,t.jsxs)("span",{className:"text-sm text-muted-foreground",children:["第 ",Y.length+1," 页"]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)(c.Button,{variant:"outline",size:"sm",onClick:()=>{M(e=>{let t=[...e.scopeKey===D?e.tokenStack:[]],s=t.pop();return{scopeKey:D,tokenStack:t,currentToken:s||void 0}})},disabled:0===Y.length,children:[(0,t.jsx)(r.ChevronLeft,{className:"mr-1 h-4 w-4"}),"上一页"]}),(0,t.jsxs)(c.Button,{variant:"outline",size:"sm",onClick:()=>{er.data?.nextToken&&M(e=>({scopeKey:D,tokenStack:[...e.scopeKey===D?e.tokenStack:[],Z??""],currentToken:er.data.nextToken}))},disabled:!er.data?.nextToken,children:["下一页",(0,t.jsx)(n.ChevronRight,{className:"ml-1 h-4 w-4"})]})]})]}),(0,t.jsx)(C,{memoryStoreName:S,scope:T,open:ee,onOpenChange:e=>Q({scopeKey:D,open:e}),onSuccess:()=>{er.refetch(),eh()}}),(0,t.jsx)(O,{memoryStoreName:S,scope:ec,unit:et,open:!!et&&eo(et,T),onOpenChange:e=>{e||J({scopeKey:D,unit:null})}}),(0,t.jsx)(K,{memoryStoreName:S,scope:ed,unit:es,open:!!es&&eo(es,T),onOpenChange:e=>{e||W({scopeKey:D,unit:null})}}),(0,t.jsx)(m.ConfirmDialog,{open:!!ea&&eo(ea,T),onOpenChange:e=>{e||X({scopeKey:D,unit:null})},title:"删除记忆单元",description:`确定要删除记忆单元 "${ea?B(ea):""}" 吗？此操作不可撤销。`,variant:"danger",onConfirm:em})]})}],144)}]);

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/chat/page.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Settings2 } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
+import { AppShellLayout } from "@/components/layout/detail-sidebar";
 import { QaChatPanel } from "@/components/qa/qa-chat-panel";
 import { ChatHistorySidebar } from "@/components/chat/chat-history-sidebar";
 import { ChatMountConfig } from "@/components/chat/chat-mount-config";
@@ -293,7 +294,7 @@ function ChatHomepage() {
       : null;
 
   return (
-    <div className="flex h-[calc(100vh-8rem)] overflow-hidden rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--surface))]">
+    <AppShellLayout>
       <ChatHistorySidebar
         sessions={history.sessions}
         activeSessionId={activeSessionId}
@@ -303,11 +304,13 @@ function ChatHomepage() {
         onClearAll={clearAll}
       />
 
-      <div className="flex min-w-0 flex-1 flex-col">
-        <header className="flex items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--surface))] px-4 py-3">
+      <div className="flex min-w-0 flex-1 flex-col bg-[hsl(var(--card))]">
+        <header className="flex h-14 shrink-0 items-center justify-between gap-3 border-b border-[hsl(var(--border))] px-5">
           <div className="min-w-0">
-            <h1 className="truncate text-sm font-semibold">{headerTitle}</h1>
-            <p className="mt-0.5 text-xs text-muted-foreground">
+            <h1 className="truncate text-sm font-semibold text-[hsl(var(--foreground))]">
+              {headerTitle}
+            </h1>
+            <p className="mt-0.5 truncate text-xs text-[hsl(var(--muted-foreground))]">
               {cfg.providerId && cfg.model ? (
                 <>
                   {cfg.model} · {mountCount} 个知识库 · 聚合 {cfg.aggregateTopK}
@@ -328,38 +331,36 @@ function ChatHomepage() {
           </Button>
         </header>
 
-        <div className="flex-1 overflow-hidden p-4">
-          {/*
-            The composer is always rendered (even on a fresh session) so
-            users can start typing immediately. Empty-state copy + a CTA
-            into the config drawer surface inside the panel; this matches
-            the ChatGPT / Claude convention of a sticky composer at the
-            bottom and contextual guidance above it.
-          */}
-          <QaChatPanel
-            messages={chat.messages}
-            isStreaming={chat.isStreaming}
-            canSend={canSend}
-            error={chat.error}
-            onSend={handleSend}
-            onStop={chat.stop}
-            onDelete={chat.deleteMessage}
-            onResend={chat.reissueTurn}
-            onRegenerate={handleRegenerate}
-            onEditSave={handleEditSave}
-            emptyState={{
-              title: canSend ? "可以开始对话了" : "开始对话",
-              description: mountsCarryover
-                ? `${mountsCarryover} 直接在下方输入你的问题。`
-                : canSend
-                ? "直接在下方输入你的问题；随时可以通过右上角齿轮调整模型或挂载的知识库"
-                : "点击右上角齿轮，选择模型并挂载知识库，即可开始问答",
-              actionLabel: "打开配置",
-              onAction: () => setSheetOpen(true),
-            }}
-            disabledPlaceholder="请先点击右上角齿轮配置模型与知识库"
-          />
-        </div>
+        {/*
+          The composer is always rendered (even on a fresh session) so
+          users can start typing immediately. Empty-state copy + a CTA
+          into the config drawer surface inside the panel; this matches
+          the ChatGPT / Claude convention of a sticky composer at the
+          bottom and contextual guidance above it.
+        */}
+        <QaChatPanel
+          messages={chat.messages}
+          isStreaming={chat.isStreaming}
+          canSend={canSend}
+          error={chat.error}
+          onSend={handleSend}
+          onStop={chat.stop}
+          onDelete={chat.deleteMessage}
+          onResend={chat.reissueTurn}
+          onRegenerate={handleRegenerate}
+          onEditSave={handleEditSave}
+          emptyState={{
+            title: canSend ? "可以开始对话了" : "开始对话",
+            description: mountsCarryover
+              ? `${mountsCarryover} 直接在下方输入你的问题。`
+              : canSend
+              ? "直接在下方输入你的问题；随时可以通过右上角齿轮调整模型或挂载的知识库"
+              : "点击右上角齿轮，选择模型并挂载知识库，即可开始问答",
+            actionLabel: "打开配置",
+            onAction: () => setSheetOpen(true),
+          }}
+          disabledPlaceholder="请先点击右上角齿轮配置模型与知识库"
+        />
       </div>
 
       <ChatMountConfig
@@ -367,6 +368,6 @@ function ChatHomepage() {
         onOpenChange={setSheetOpen}
         onSave={handleSaveConfig}
       />
-    </div>
+    </AppShellLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/error.tsx

@@ -43,7 +43,7 @@ export default function DashboardError({
         <AlertTriangle className="h-7 w-7" aria-hidden="true" />
       </div>
       <div className="space-y-2 max-w-md">
-        <h2 className="font-display text-2xl font-semibold tracking-tight text-foreground">
+        <h2 className="text-xl font-semibold tracking-tight text-foreground">
           页面出错了
         </h2>
         <p className="text-sm text-muted-foreground break-words">

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/documents/documents-client.tsx

@@ -244,7 +244,6 @@ export default function DocumentsClient() {
 
       <DocTable
         documents={filteredDocuments}
-        hideSubspace={isSubspaceEnabled}
         onView={setDetailDocument}
         onDelete={setDeleteTarget}
         onViewChunks={handleViewChunks}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/layout-client.tsx

@@ -1,13 +1,49 @@
 'use client';
 
 import { Suspense, useState } from "react";
-import { useParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
+import {
+  BookOpenText,
+  FileText,
+  MoreVertical,
+  MessagesSquare,
+  Search,
+  Settings,
+  Trash2,
+} from "lucide-react";
+
 import { Skeleton } from "@/components/ui/skeleton";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Badge } from "@/components/ui/badge";
+import {
+  DetailLayout,
+  DetailSidebar,
+  DetailSidebarBack,
+  DetailSidebarHeader,
+  DetailSidebarMenu,
+} from "@/components/layout/detail-sidebar";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
-import { KBHeader } from "@/components/knowledge-base/kb-header";
-import { KBTabNav } from "@/components/knowledge-base/kb-tab-nav";
 import { KBDeleteDialog } from "@/components/knowledge-base/kb-delete-dialog";
-import { SubspaceProvider } from "@/contexts/subspace-context";
+import { SubspaceProvider, useSubspaceOptional } from "@/contexts/subspace-context";
+import { SubspaceSwitcher } from "@/components/knowledge-base/subspace-switcher";
+import { RelativeTime } from "@/components/shared/relative-time";
+import type { KnowledgeBase } from "@/types/knowledge-base";
+
+const TABS = [
+  { label: "文档", segment: "documents", icon: <FileText className="h-4 w-4" /> },
+  { label: "检索测试", segment: "retrieval", icon: <Search className="h-4 w-4" /> },
+  {
+    label: "问答测试",
+    segment: "qa",
+    icon: <MessagesSquare className="h-4 w-4" />,
+  },
+  { label: "设置", segment: "settings", icon: <Settings className="h-4 w-4" /> },
+] as const;
 
 export default function KnowledgeBaseDetailLayoutClient({
   children,
@@ -21,58 +57,173 @@ export default function KnowledgeBaseDetailLayoutClient({
 
   if (isLoading) {
     return (
-      <div className="space-y-6">
-        <div className="space-y-3">
+      <DetailLayout
+        sidebar={<DetailSidebarSkeleton />}
+      >
+        <div className="space-y-6">
           <Skeleton className="h-10 w-64" />
-          <Skeleton className="h-4 w-96" />
-          <Skeleton className="h-4 w-48" />
+          <Skeleton className="h-10 w-full" />
+          <Skeleton className="h-64 w-full" />
         </div>
-        <Skeleton className="h-10 w-full" />
-        <Skeleton className="h-64 w-full" />
-      </div>
+      </DetailLayout>
     );
   }
 
   if (!knowledgeBase) {
     return (
-      <div className="flex items-center justify-center py-20 text-muted-foreground">
-        知识库不存在或已被删除
-      </div>
+      <DetailLayout sidebar={<DetailSidebarSkeleton />}>
+        <div className="flex items-center justify-center py-20 text-muted-foreground">
+          知识库不存在或已被删除
+        </div>
+      </DetailLayout>
     );
   }
 
   return (
-    <div>
-      <Suspense
-        fallback={
-          <div className="space-y-6">
-            <div className="space-y-3">
-              <Skeleton className="h-10 w-64" />
-              <Skeleton className="h-4 w-96" />
-              <Skeleton className="h-4 w-48" />
-            </div>
-            <Skeleton className="h-10 w-full" />
-            <Skeleton className="h-[400px] w-full" />
-          </div>
-        }
-      >
-        <SubspaceProvider knowledgeBaseName={knowledgeBaseName}>
-          <div className="space-y-6">
-            <KBHeader
-              knowledgeBase={knowledgeBase}
-              onDelete={() => setShowDeleteDialog(true)}
-            />
-            <KBTabNav knowledgeBaseName={knowledgeBaseName} />
-            <div>{children}</div>
-          </div>
-        </SubspaceProvider>
+    <SubspaceProvider knowledgeBaseName={knowledgeBaseName}>
+      <Suspense fallback={null}>
+        <KBDetailShell
+          knowledgeBase={knowledgeBase}
+          knowledgeBaseName={knowledgeBaseName}
+          onRequestDelete={() => setShowDeleteDialog(true)}
+        >
+          {children}
+        </KBDetailShell>
       </Suspense>
-
       <KBDeleteDialog
         knowledgeBaseName={knowledgeBaseName}
         open={showDeleteDialog}
         onOpenChange={setShowDeleteDialog}
       />
-    </div>
+    </SubspaceProvider>
+  );
+}
+
+function KBDetailShell({
+  knowledgeBase,
+  knowledgeBaseName,
+  onRequestDelete,
+  children,
+}: {
+  knowledgeBase: KnowledgeBase;
+  knowledgeBaseName: string;
+  onRequestDelete: () => void;
+  children: React.ReactNode;
+}) {
+  const searchParams = useSearchParams();
+  const activeSubspace = useSubspaceOptional()?.subspace ?? null;
+
+  // Carry the subspace querystring through to each menu link so
+  // middle-click / copy-link continues to land on the same scope.
+  const params = new URLSearchParams(searchParams.toString());
+  if (activeSubspace) params.set("subspace", activeSubspace);
+  else params.delete("subspace");
+  const qs = params.toString();
+  const querySuffix = qs ? `?${qs}` : "";
+
+  const basePath = `/knowledge-base/${encodeURIComponent(knowledgeBaseName)}`;
+  const items = TABS.map((tab) => ({
+    href: `${basePath}/${tab.segment}${querySuffix}`,
+    label: tab.label,
+    icon: tab.icon,
+  }));
+
+  return (
+    <DetailLayout
+      sidebar={
+        <DetailSidebar>
+          <DetailSidebarHeader
+            icon={<BookOpenText />}
+            accent="primary"
+            name={knowledgeBase.knowledgeBaseName}
+            typeLabel="知识库 · KNOWLEDGE BASE"
+            description={knowledgeBase.description}
+            actions={
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <button
+                    type="button"
+                    aria-label="更多操作"
+                    className="flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--background))] hover:text-[hsl(var(--foreground))]"
+                  >
+                    <MoreVertical className="h-4 w-4" />
+                  </button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  <DropdownMenuItem
+                    onSelect={(e) => {
+                      e.preventDefault();
+                      onRequestDelete();
+                    }}
+                    className="text-[hsl(var(--destructive))] focus:bg-[hsl(var(--danger-soft))] focus:text-[hsl(var(--destructive))] hover:bg-[hsl(var(--danger-soft))] hover:text-[hsl(var(--destructive))]"
+                  >
+                    <Trash2 className="h-3.5 w-3.5" />
+                    删除知识库
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            }
+            extra={
+              <>
+                {knowledgeBase.tags && knowledgeBase.tags.length > 0 ? (
+                  <div className="-mt-0.5 flex flex-wrap gap-1">
+                    {knowledgeBase.tags.map((tag) => (
+                      <Badge
+                        key={tag}
+                        variant="primary"
+                        className="text-[10px]"
+                      >
+                        {tag}
+                      </Badge>
+                    ))}
+                  </div>
+                ) : null}
+                {knowledgeBase.subspace ? (
+                  <div className="space-y-1">
+                    <div className="inline-flex items-center gap-1.5 text-[hsl(var(--success))]">
+                      <span className="h-1.5 w-1.5 rounded-full bg-current" />
+                      子空间隔离已开启
+                    </div>
+                    <SubspaceSwitcher />
+                  </div>
+                ) : null}
+                {knowledgeBase.createdAt ? (
+                  <div>
+                    创建于 <RelativeTime timestamp={knowledgeBase.createdAt} />
+                  </div>
+                ) : null}
+                {knowledgeBase.updatedAt ? (
+                  <div>
+                    更新于 <RelativeTime timestamp={knowledgeBase.updatedAt} />
+                  </div>
+                ) : null}
+              </>
+            }
+          />
+          <DetailSidebarMenu items={items} />
+          <DetailSidebarBack href="/knowledge-base" label="返回列表" />
+        </DetailSidebar>
+      }
+    >
+      {children}
+    </DetailLayout>
+  );
+}
+
+function DetailSidebarSkeleton() {
+  return (
+    <DetailSidebar>
+      <div className="space-y-3 px-4 pt-4 pb-4 border-b border-[hsl(var(--border-light))]">
+        <Skeleton className="h-9 w-9 rounded-lg" />
+        <Skeleton className="h-4 w-3/4" />
+        <Skeleton className="h-3 w-1/2" />
+      </div>
+      <div className="space-y-1 px-2 py-2">
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+      </div>
+    </DetailSidebar>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/qa/page.tsx

@@ -2,6 +2,7 @@
 
 import { use, useCallback, useState } from "react";
 
+import { WorkbenchLayout } from "@/components/layout/detail-sidebar";
 import { QaChatPanel } from "@/components/qa/qa-chat-panel";
 import { QaForm, type QaFormState } from "@/components/qa/qa-form";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
@@ -51,8 +52,8 @@ export default function QaPlaygroundPage({ params }: PageProps) {
   );
 
   return (
-    <div className="grid gap-6 lg:grid-cols-[360px_1fr]">
-      <aside className="lg:sticky lg:top-20 lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto">
+    <WorkbenchLayout
+      aside={
         <QaForm
           knowledgeBaseName={knowledgeBaseName}
           knowledgeBase={knowledgeBase}
@@ -60,22 +61,20 @@ export default function QaPlaygroundPage({ params }: PageProps) {
           onClearConversation={chat.clear}
           disabled={chat.isStreaming}
         />
-      </aside>
-
-      <section className="min-h-[640px]">
-        <QaChatPanel
-          messages={chat.messages}
-          isStreaming={chat.isStreaming}
-          canSend={canSend}
-          error={chat.error}
-          onSend={chat.send}
-          onStop={chat.stop}
-          onDelete={chat.deleteMessage}
-          onResend={chat.reissueTurn}
-          onRegenerate={handleRegenerate}
-          onEditSave={handleEditSave}
-        />
-      </section>
-    </div>
+      }
+    >
+      <QaChatPanel
+        messages={chat.messages}
+        isStreaming={chat.isStreaming}
+        canSend={canSend}
+        error={chat.error}
+        onSend={chat.send}
+        onStop={chat.stop}
+        onDelete={chat.deleteMessage}
+        onResend={chat.reissueTurn}
+        onRegenerate={handleRegenerate}
+        onEditSave={handleEditSave}
+      />
+    </WorkbenchLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/knowledge-base/[name]/retrieval/retrieval-client.tsx

@@ -4,6 +4,7 @@ import { useState, useCallback } from "react";
 import { useParams } from "next/navigation";
 import { toast } from "sonner";
 import { Skeleton } from "@/components/ui/skeleton";
+import { WorkbenchLayout } from "@/components/layout/detail-sidebar";
 import { useKnowledgeBase } from "@/hooks/use-knowledge-base";
 import { useRetrieve } from "@/hooks/use-retrieve";
 import { RetrievalForm } from "@/components/retrieval/retrieval-form";
@@ -48,20 +49,20 @@ export default function RetrievalClient() {
   }
 
   return (
-    <div className="grid gap-6 lg:grid-cols-[400px_1fr]">
-      <div className="space-y-4">
-        <h3 className="text-lg font-semibold">检索测试</h3>
+    <WorkbenchLayout
+      asideWidth={400}
+      aside={
         <RetrievalForm
           knowledgeBaseName={knowledgeBaseName}
           knowledgeBase={knowledgeBase ?? undefined}
           onSubmit={handleSubmit}
           isLoading={retrieve.isPending}
         />
-      </div>
-
-      <div>
+      }
+    >
+      <div className="min-h-0 flex-1 overflow-y-auto px-7 py-5 max-md:px-4">
         <RetrievalResults results={results} elapsedMs={elapsedMs} />
       </div>
-    </div>
+    </WorkbenchLayout>
   );
 }

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/layout.tsx

@@ -2,7 +2,6 @@ import { redirect } from 'next/navigation';
 
 import { listInstances } from '@tablestore/tablestore-agent-shared';
 
-import { BreadcrumbBar } from '@/components/layout/breadcrumb-bar';
 import { Sidebar } from '@/components/layout/sidebar';
 import { SidebarMobile } from '@/components/layout/sidebar-mobile';
 import { SidebarOffset } from '@/components/layout/sidebar-offset';
@@ -45,7 +44,7 @@ export default function DashboardLayout({
   }
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen bg-[hsl(var(--background))]">
       {/*
         Skip-to-content link: visually hidden until focused. Keyboard users
         can press Tab once on the page to jump straight to the main region,
@@ -58,15 +57,9 @@ export default function DashboardLayout({
         跳转到主内容
       </a>
       <Sidebar />
+      <SidebarMobile />
       <SidebarOffset>
-        <SidebarMobile />
-        <BreadcrumbBar />
-        <main
-          id="main-content"
-          tabIndex={-1}
-          aria-label="主内容"
-          className="mx-auto max-w-350 px-8 py-8 max-md:px-4 animate-in fade-in duration-300"
-        >
+        <main id="main-content" className="min-h-screen px-7 py-5 max-md:px-4">
           {children}
         </main>
       </SidebarOffset>