@anypal/plugin-git 0.0.0-stage → 0.1.1

package/dist/ui/indicator-host.js

@@ -0,0 +1,311 @@
+var t=globalThis.__palTrustedRenderer.react,o=t,k=t.Activity,y=t.Children,E=t.Component,R=t.Fragment,L=t.Profiler,D=t.PureComponent,N=t.StrictMode,_=t.Suspense,U=t.ViewTransition,O=t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,B=t.__COMPILER_RUNTIME,F=t.act,V=t.addTransitionType,H=t.cache,z=t.cacheSignal,G=t.captureOwnerStack,W=t.cloneElement,Q=t.createContext,$=t.createElement,j=t.createRef,q=t.forwardRef,Y=t.isValidElement,J=t.lazy,K=t.memo,X=t.startTransition,Z=t.unstable_useCacheRefresh,ee=t.use,te=t.useActionState,oe=t.useCallback,ne=t.useContext,re=t.useDebugValue,ae=t.useDeferredValue,x=t.useEffect,se=t.useEffectEvent,ie=t.useId,ce=t.useImperativeHandle,pe=t.useInsertionEffect,le=t.useLayoutEffect,ue=t.useMemo,xe=t.useOptimistic,de=t.useReducer,d=t.useRef,g=t.useState,ge=t.useSyncExternalStore,he=t.useTransition,me=t.version;var e=globalThis.__palTrustedRenderer.uiFull,fe=e.ActionTile,be=e.ActivityList,Se=e.ActivitySection,Te=e.AgentActivity,Ae=e.AgentActivityRow,ve=e.AgentApproval,Me=e.AgentBrowserResult,we=e.AgentChoiceResult,Pe=e.AgentConsoleResult,Ie=e.AgentContextUsage,ke=e.AgentDataResult,ye=e.AgentDiffResult,Ee=e.AgentDisclosure,Re=e.AgentDocumentResult,Le=e.AgentFileChange,De=e.AgentFileList,Ne=e.AgentFileResult,_e=e.AgentFormResult,Ue=e.AgentQuestion,Oe=e.AgentReasoning,Be=e.AgentResultLink,Fe=e.AgentResultProvider,Ve=e.AgentSearchMatches,He=e.AgentSearchResult,ze=e.AgentTaskResult,Ge=e.AgentTerminal,We=e.AgentTerminalControlResult,Qe=e.AgentToolApproval,$e=e.AgentToolExecution,je=e.AgentToolOutput,qe=e.AgentToolView,Ye=e.AgentToolViewNode,Je=e.AgentWebResults,Ke=e.AnimatedSidebar,Xe=e.AnimatedSidebarContent,Ze=e.AnimatedSidebarFooter,et=e.AnimatedSidebarGroup,tt=e.AnimatedSidebarHeader,ot=e.AnimatedSidebarInset,nt=e.AnimatedSidebarItem,rt=e.AnimatedSidebarProvider,at=e.AnimatedSidebarTrigger,st=e.AppearanceSettings,it=e.AreaChart,ct=e.AskUserQuestions,pt=e.BarChart,h=e.Button,lt=e.CapsuleButton,ut=e.CapsuleGroup,xt=e.Card,dt=e.CardContent,gt=e.CardDescription,ht=e.CardFooter,mt=e.CardGrid,Ct=e.CardHeader,ft=e.CardMedia,bt=e.CardTitle,St=e.CatalogCard,Tt=e.ChatApp,At=e.ChatAttachments,vt=e.ChatComposerAccessoryDock,Mt=e.ChatComposerDock,wt=e.ChatEmptyState,Pt=e.ChatMessage,It=e.ChatMessageList,kt=e.ChatMessageSurface,yt=e.ChatOverlayCard,Et=e.ChatOverlayStack,Rt=e.ChatSidePanelButton,Lt=e.ChatSidebarFooterExtensions,Dt=e.ChatSidebarSection,Nt=e.ChatSidebarSectionHeader,_t=e.ChatStage,Ut=e.ChatToolbarButton,Ot=e.ChatTopbar,Bt=e.Checkbox,Ft=e.CollectionPagination,Vt=e.CollectionState,Ht=e.CollectionTable,zt=e.CollectionToolbar,Gt=e.CollectionWorkspace,Wt=e.ColorPicker,Qt=e.ColumnChart,$t=e.Combobox,jt=e.ComboboxContent,qt=e.ComboboxEmpty,Yt=e.ComboboxGroup,Jt=e.ComboboxInput,Kt=e.ComboboxItem,Xt=e.ComboboxLabel,Zt=e.ComboboxList,eo=e.ComboboxSeparator,to=e.ComboboxTrigger,oo=e.ComboboxValue,no=e.CommandMenu,ro=e.CommandMenuDialog,ao=e.ConversationList,so=e.DEFAULT_ACCENT,io=e.DEFAULT_COLOR_PRESETS,co=e.Dialog,po=e.DialogInset,lo=e.DialogNotice,uo=e.DialogSection,xo=e.DonutChart,go=e.Icon,ho=e.IconButton,mo=e.Input,Co=e.MESSAGE_SCROLLER_RAIL_LIMIT,fo=e.ManageItem,bo=e.ManageList,So=e.Menu,To=e.MenuAction,Ao=e.MenuItems,vo=e.MenuPanel,Mo=e.MenuSurface,wo=e.MessageScroller,Po=e.ModelBrandIcon,Io=e.ModelCard,ko=e.ModelCardSection,yo=e.ModelSelect,Eo=e.ModelSelector,Ro=e.MultiSelect,Lo=e.MultiSelectContent,Do=e.MultiSelectEmpty,No=e.MultiSelectGroup,_o=e.MultiSelectInput,Uo=e.MultiSelectItem,Oo=e.MultiSelectLabel,Bo=e.MultiSelectList,Fo=e.MultiSelectSeparator,Vo=e.MultiSelectTrigger,Ho=e.MultiSelectValue,zo=e.NotificationActionButton,Go=e.NotificationActions,Wo=e.NotificationBanner,Qo=e.NotificationCard,$o=e.NotificationForm,jo=e.NotificationInputField,qo=e.NotificationOptions,Yo=e.NotificationProgress,Jo=e.NotificationStack,Ko=e.PalLogo,Xo=e.PanelDockAction,Zo=e.PanelDockContent,en=e.PanelDockHeader,tn=e.PanelDockLauncher,on=e.PanelDockLauncherItem,nn=e.PanelDockSurface,rn=e.PanelDockTab,an=e.PanelDockToolbar,sn=e.PanelResizeHandle,cn=e.PanelTabList,pn=e.PanelTabStrip,b=e.PopoverMorph,ln=e.Progress,un=e.PromptInput,xn=e.PromptInputActions,dn=e.PromptInputSubmit,gn=e.PromptInputSurface,hn=e.PromptInputTextarea,mn=e.PromptInputToolbar,Cn=e.QuestionInteraction,fn=e.RequestHeadersEditor,bn=e.ScrollArea,Sn=e.Select,Tn=e.SelectContent,An=e.SelectItem,vn=e.SelectTrigger,Mn=e.SelectValue,wn=e.SettingsWorkspace,Pn=e.SidebarReveal,In=e.Switch,kn=e.Tabs,yn=e.TabsContent,En=e.TabsList,Rn=e.TabsTrigger,Ln=e.TaskCard,Dn=e.TaskList,Nn=e.Textarea,_n=e.TodoList,Un=e.ToggleRow,On=e.TokenUsageTrend,Bn=e.ToolExecution,Fn=e.ToolExecutionChain,Vn=e.ToolExecutionData,Hn=e.Tooltip,zn=e.TypographySettings,Gn=e.UiProvider,Wn=e.UsageDonutChart,Qn=e.UsageEffortBars,$n=e.UsageRankList,jn=e.UsageShareBars,qn=e.UsageStat,Yn=e.UsageTrendChart,Jn=e.VariableInput,Kn=e.WebsiteFavicon,Xn=e.appearancePresetAccents,Zn=e.appearancePresets,er=e.appearanceVariables,tr=e.cx,or=e.defaultHeaderPresets,nr=e.defaultTypography,rr=e.filterCommandMenuItems,ar=e.hasTextLabel,sr=e.lineDiff,ir=e.normalizeHexColor,cr=e.parseAppearance,pr=e.parseThemeConfiguration,lr=e.parseToolOutput,ur=e.readUiThemeTokens,xr=e.resolveAppearance,dr=e.resolveThemeConfiguration,gr=e.resolveTypography,hr=e.serializeAppearance,mr=e.serializeThemeConfiguration,Cr=e.toolInputTarget,fr=e.useChatViewportWidth,br=e.useLabel,Sr=e.useToolHeaderActions,Tr=e.useUi,Ar=e.useUiMotion,vr=e.useUiReducedMotion;function S(s){let m=d(null),u=d(void 0),[A,i]=g(!1),[c,C]=g(8),n=s.data;if(x(()=>()=>clearTimeout(u.current),[]),x(()=>{C(8),i(!1)},[n.runId]),!n.runId||!n.files?.length)return null;let a=s.locale==="zh",v=new Set(n.pendingPaths??[]),p=()=>clearTimeout(u.current),f=()=>{p(),i(!0)},l=()=>{p(),u.current=setTimeout(()=>i(!1),180)},M=()=>{i(!1),s.act?.("open",n.runId)},w=n.files.slice(0,c);return o.createElement(o.Fragment,null,o.createElement(h,{ref:m,variant:"ghost",size:"small",className:"turn-change-indicator",onClick:M,onMouseEnter:f,onMouseLeave:l,onFocus:f,onBlur:l,"aria-label":a?"\u6253\u5F00\u672C\u8F6E\u53D8\u66F4\u5BA1\u67E5":"Open this turn's change review"},o.createElement("span",null,a?`${n.files.length} \u4E2A\u6587\u4EF6\u5DF2\u66F4\u6539`:`${n.files.length} files changed`),o.createElement("span",{className:"added"},"+",n.added??0),o.createElement("span",{className:"removed"},"\u2212",n.removed??0)),o.createElement(b,{open:A,onOpenChange:i,anchor:m.current,align:"start",placement:"above-start",className:"turn-change-indicator-popover"},o.createElement("div",{className:"turn-change-indicator-card",role:"region","aria-label":a?"\u672C\u8F6E\u66F4\u6539\u6587\u4EF6":"Changed files in this turn",onMouseEnter:p,onMouseLeave:l,onFocus:p,onBlur:l},o.createElement("div",{className:"turn-change-indicator-files"},w.map(r=>o.createElement("div",{key:r.path,className:"turn-change-indicator-file"},o.createElement("span",null,r.path,v.has(r.path)?a?" \xB7 \u751F\u6210\u4E2D":" \xB7 generating":""),o.createElement("small",null,o.createElement("span",{className:"added"},"+",r.added),o.createElement("span",{className:"removed"},"\u2212",r.removed))))),n.files.length>8&&o.createElement(h,{variant:"ghost",size:"small",className:"turn-change-indicator-expand",onClick:()=>C(r=>r>=n.files.length?8:Math.min(n.files.length,r+40)),"aria-expanded":c>8},c>=n.files.length?a?"\u6536\u8D77":"Show less":a?`\u663E\u793A\u66F4\u591A\uFF08\u5269\u4F59 ${n.files.length-c} \u4E2A\uFF09`:`Show more (${n.files.length-c} remaining)`))))}var T=`.turn-changes {\r
+  margin: 12px 0 8px;\r
+  border: 1px solid var(--mu-line);\r
+  border-radius: 8px;\r
+  overflow: hidden;\r
+  background: var(--mu-page);\r
+  font-size: 12px;\r
+  color: var(--mu-ink);\r
+}\r
+.turn-changes header {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 12px;\r
+  min-height: 62px;\r
+  padding: 10px 12px;\r
+  border-bottom: 1px solid var(--mu-line);\r
+  background: color-mix(in srgb, var(--mu-ink) 4%, var(--mu-page));\r
+}\r
+.turn-changes:not(:has(.turn-changes-files)) header {\r
+  border-bottom: 0;\r
+}\r
+.turn-changes-icon {\r
+  display: grid;\r
+  place-items: center;\r
+  flex: none;\r
+  width: 36px;\r
+  height: 36px;\r
+  border-radius: 8px;\r
+  background: var(--mu-soft);\r
+  color: var(--mu-muted);\r
+}\r
+.turn-changes button {\r
+  border: 0;\r
+  background: transparent;\r
+  color: inherit;\r
+  font: inherit;\r
+  cursor: pointer;\r
+}\r
+.turn-changes button:disabled {\r
+  cursor: default;\r
+  opacity: 0.6;\r
+}\r
+.turn-changes button:hover:not(:disabled) {\r
+  background: var(--mu-soft);\r
+}\r
+.turn-changes button:focus-visible {\r
+  outline: 2px solid var(--mu-accent);\r
+  outline-offset: -2px;\r
+}\r
+.turn-changes .turn-changes-open {\r
+  display: flex;\r
+  flex: 1;\r
+  flex-direction: column;\r
+  align-items: flex-start;\r
+  gap: 5px;\r
+  min-width: 0;\r
+  padding: 3px 2px;\r
+  text-align: left;\r
+  border-radius: 6px;\r
+}\r
+.turn-changes-open strong {\r
+  max-width: 100%;\r
+  font-size: 13px;\r
+  font-weight: 600;\r
+  overflow: hidden;\r
+  text-overflow: ellipsis;\r
+  white-space: nowrap;\r
+}\r
+.turn-changes-subtitle {\r
+  display: grid;\r
+  min-height: 16px;\r
+  font-size: 12px;\r
+  color: var(--mu-muted);\r
+}\r
+.turn-changes-subtitle > span {\r
+  grid-area: 1/1;\r
+}\r
+.turn-changes-hover {\r
+  visibility: hidden;\r
+}\r
+.turn-changes header:hover .turn-changes-subtitle .turn-changes-counts,\r
+.turn-changes header:focus-within .turn-changes-subtitle .turn-changes-counts {\r
+  visibility: hidden;\r
+}\r
+.turn-changes header:hover .turn-changes-hover,\r
+.turn-changes header:focus-within .turn-changes-hover {\r
+  visibility: visible;\r
+}\r
+.turn-changes .turn-changes-review {\r
+  flex: none;\r
+  margin-inline-start: auto;\r
+  border: 1px solid var(--mu-line);\r
+  border-radius: 9px;\r
+  padding: 3px 8px;\r
+  font-size: 12px;\r
+}\r
+.turn-changes-counts {\r
+  display: inline-flex;\r
+  gap: 4px;\r
+  font:\r
+    13px ui-monospace,\r
+    Consolas,\r
+    monospace;\r
+  white-space: nowrap;\r
+}\r
+.turn-changes .added {\r
+  color: #248354;\r
+}\r
+.turn-changes .removed {\r
+  color: #c34e54;\r
+}\r
+.mu-scope[data-theme="dark"] .turn-changes .added {\r
+  color: #6bc798;\r
+}\r
+.mu-scope[data-theme="dark"] .turn-changes .removed {\r
+  color: #ec8990;\r
+}\r
+.turn-changes-files .turn-changes-file {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 8px;\r
+  min-width: 0;\r
+  width: 100%;\r
+  min-height: 36px;\r
+  padding: 5px 12px;\r
+  text-align: left;\r
+}\r
+.turn-changes-path {\r
+  display: flex;\r
+  flex: 1;\r
+  align-items: baseline;\r
+  gap: 0;\r
+  min-width: 0;\r
+  overflow: hidden;\r
+  white-space: nowrap;\r
+}\r
+.turn-changes-filename {\r
+  flex: none;\r
+  max-width: 100%;\r
+  overflow: hidden;\r
+  text-overflow: ellipsis;\r
+}\r
+.turn-changes-directory {\r
+  min-width: 0;\r
+  flex: 0 1 auto;\r
+  color: var(--mu-muted);\r
+  overflow: hidden;\r
+  text-overflow: ellipsis;\r
+  font-weight: 400;\r
+}\r
+.turn-changes > footer {\r
+  display: flex;\r
+  padding: 6px 12px 10px;\r
+  color: var(--mu-muted);\r
+}\r
+.turn-changes > footer button {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 6px;\r
+  padding: 4px;\r
+  border-radius: 4px;\r
+}\r
+.turn-changes-note {\r
+  margin: 0;\r
+  padding: 5px 16px;\r
+  color: var(--mu-muted);\r
+  font-size: 11px;\r
+}\r
+\r
+.turn-changes .turn-changes-open:hover:not(:disabled) {\r
+  background: transparent;\r
+}\r
+\r
+.turn-changes header:hover,\r
+.turn-changes header:focus-within {\r
+  border-radius: inherit;\r
+  background: color-mix(in srgb, var(--mu-ink) 6%, var(--mu-page));\r
+}\r
+\r
+.turn-changes {\r
+  container: turn-changes / inline-size;\r
+}\r
+.turn-changes button {\r
+  min-width: 0;\r
+  min-height: 28px;\r
+  box-shadow: none;\r
+}\r
+.turn-changes-files .turn-changes-file {\r
+  width: 100%;\r
+  justify-content: space-between;\r
+}\r
+@container turn-changes (max-width: 420px) {\r
+  .turn-changes header {\r
+    flex-wrap: wrap;\r
+    gap: 8px;\r
+    padding: 10px 12px;\r
+  }\r
+  .turn-changes-icon {\r
+    width: 28px;\r
+    height: 28px;\r
+    border-radius: 7px;\r
+  }\r
+  .turn-changes .turn-changes-review {\r
+    margin-inline-start: 36px;\r
+  }\r
+}\r
+\r
+.turn-changes .turn-changes-files .turn-changes-file:hover:not(:disabled) {\r
+  background: var(--mu-soft);\r
+}\r
+\r
+.turn-changes-preview-trigger {\r
+  display: contents;\r
+}\r
+.turn-changes-files .turn-changes-file {\r
+  border-radius: 0;\r
+  font-size: 13px;\r
+}\r
+.turn-changes-preview-popover.mu-popover-morph {\r
+  width: min(670px, calc(100vw - 16px));\r
+  min-width: 0;\r
+  border-radius: 8px;\r
+  overflow: hidden;\r
+}\r
+.turn-changes-preview-content {\r
+  max-height: min(400px, calc(100vh - 32px));\r
+  min-height: 80px;\r
+  color: var(--mu-ink);\r
+  background: var(--mu-page);\r
+}\r
+.turn-changes-preview-content > p {\r
+  padding: 12px;\r
+  font-size: 12px;\r
+}\r
+.turn-changes-preview-content:focus-visible {\r
+  outline: 2px solid var(--mu-accent);\r
+  outline-offset: -2px;\r
+}\r
+\r
+.turn-changes-preview-content {\r
+  font: 12px/1.5 var(--mu-font, system-ui);\r
+}\r
+.turn-change-indicator {\r
+  display: inline-flex;\r
+  align-items: center;\r
+  gap: 5px;\r
+  min-height: 26px;\r
+  padding: 2px 10px;\r
+  border: 1px solid var(--mu-line);\r
+  border-radius: 999px;\r
+  background: var(--mu-page);\r
+  box-shadow: 0 3px 12px #00000014;\r
+  color: var(--mu-muted);\r
+  font-size: 12px;\r
+  white-space: nowrap;\r
+}\r
+.turn-change-indicator .added,\r
+.turn-change-indicator-files .added {\r
+  color: #248354;\r
+}\r
+.turn-change-indicator .removed,\r
+.turn-change-indicator-files .removed {\r
+  color: #c34e54;\r
+}\r
+[data-theme="dark"] .turn-change-indicator .added,\r
+[data-theme="dark"] .turn-change-indicator-files .added {\r
+  color: #6bc798;\r
+}\r
+[data-theme="dark"] .turn-change-indicator .removed,\r
+[data-theme="dark"] .turn-change-indicator-files .removed {\r
+  color: #ec8990;\r
+}\r
+.turn-change-indicator-files {\r
+  max-height: min(320px, calc(100vh - 100px));\r
+  overflow-y: auto;\r
+  font-size: 12px;\r
+}\r
+.turn-change-indicator-file {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  gap: 12px;\r
+  padding: 5px 0;\r
+}\r
+.turn-change-indicator-file > span {\r
+  min-width: 0;\r
+  overflow-wrap: anywhere;\r
+}\r
+.turn-change-indicator-file small {\r
+  display: inline-flex;\r
+  flex: none;\r
+  gap: 5px;\r
+}\r
+.turn-change-indicator-popover.mu-popover-morph {\r
+  width: min(360px, calc(100vw - 16px));\r
+  padding: 0;\r
+  border: 1px solid var(--mu-line);\r
+  border-radius: 12px;\r
+  background: var(--mu-page);\r
+  color: var(--mu-ink);\r
+  box-shadow: 0 10px 28px #00000020;\r
+}\r
+.turn-change-indicator-card {\r
+  padding: 7px 11px;\r
+}\r
+.turn-change-indicator-expand {\r
+  width: 100%;\r
+  justify-content: flex-start;\r
+  margin-top: 3px;\r
+  color: var(--mu-muted);\r
+}\r
+`;function I(s){return o.createElement(o.Fragment,null,o.createElement("style",null,T),o.createElement(S,{...s}))}export{I as default};