@xpufx/paseo-top 0.4.1 → 0.4.3

package/client/vendor/paseo-plugin-helper/panel.tsx

@@ -20,6 +20,8 @@ export interface RegisterWorkspacePanelOptions {
   icon: string;
   Component: ComponentType<PluginWorkspacePanelProps>;
   flair?: VisualFlair;
+  /** Host locations in which the panel should be available. */
+  locations?: string[];
 }
 
 export interface RegisterAgentPanelOptions {
@@ -37,8 +39,8 @@ export interface RegisterAgentPanelOptions {
 export function registerWorkspacePanel(
   plugin: WorkspacePanelRegistrar,
   options: RegisterWorkspacePanelOptions,
-): void {
-  const { id, title, icon, Component, flair } = options;
+): () => void {
+  const { id, title, icon, Component, flair, locations } = options;
 
   const WrappedComponent: ComponentType<PluginWorkspacePanelProps> = (props) => (
     <PluginThemeProvider theme={props.theme} layout={props.layout} flair={flair}>
@@ -46,13 +48,19 @@ export function registerWorkspacePanel(
     </PluginThemeProvider>
   );
 
-  plugin.addWorkspacePanel({
+  const registration = plugin.addWorkspacePanel({
     id,
     title,
     icon,
     context: "workspace",
+    locations,
     Component: WrappedComponent,
   });
+
+  return () => {
+    if (typeof registration === "function") registration();
+    else registration?.remove?.();
+  };
 }
 
 /**

package/client/vendor/paseo-plugin-helper/pill.tsx

@@ -439,30 +439,64 @@ export function registerComposerPill<TPayload = any>(
           color={theme.colors.foreground}
         />
       );
+      const stopBubbling = (e: any) => {
+        if (e && typeof e.stopPropagation === "function") {
+          e.stopPropagation();
+        }
+      };
+
+      const eventBoundaryProps = {
+        onClick: stopBubbling,
+        onMouseDown: stopBubbling,
+        onMouseUp: stopBubbling,
+        onPointerDown: stopBubbling,
+        onPointerUp: stopBubbling,
+        onTouchStart: stopBubbling,
+        onTouchEnd: stopBubbling,
+        onKeyDown: stopBubbling,
+        onKeyUp: stopBubbling,
+      };
+
       return (
         <>
           {icon}
-          <Modal
-            title={options.modalTitle ?? options.title}
-            icon={modalIconElement}
-            open={centeredOpen}
-            onOpenChange={(nextOpen: boolean) => setCenteredOpen(agentId, nextOpen)}
+          <View
+            onStartShouldSetResponder={() => true}
+            onTouchEnd={stopBubbling}
+            {...(eventBoundaryProps as any)}
           >
-            <Modal.Content scrollable={resolvePillModalScrollable(options.hostScroll)}>
-              {centeredOpen ? (
-                <PluginThemeProvider theme={theme} layout={layout} flair={options.flair}>
-                  {options.renderModal({
-                    agentId,
-                    workspaceId: props.workspaceId ?? "",
-                    theme,
-                    layout,
-                    host: props.host ?? { id: "", label: "" },
-                    close: () => setCenteredOpen(agentId, false),
-                  })}
-                </PluginThemeProvider>
-              ) : null}
-            </Modal.Content>
-          </Modal>
+            <Modal
+              title={options.modalTitle ?? options.title}
+              icon={modalIconElement}
+              open={centeredOpen}
+              onOpenChange={(nextOpen: boolean) => setCenteredOpen(agentId, nextOpen)}
+            >
+              <Modal.Content scrollable={resolvePillModalScrollable(options.hostScroll)}>
+                {centeredOpen ? (
+                  <View
+                    onStartShouldSetResponder={() => true}
+                    onTouchEnd={stopBubbling}
+                    {...(eventBoundaryProps as any)}
+                  >
+                    <PluginThemeProvider theme={theme} layout={layout} flair={options.flair}>
+                      <ModalBodyScrollOwnerContext.Provider
+                        value={resolvePillModalScrollable(options.hostScroll) ? "host" : "required"}
+                      >
+                        {options.renderModal({
+                          agentId,
+                          workspaceId: props.workspaceId ?? "",
+                          theme,
+                          layout,
+                          host: props.host ?? { id: "", label: "" },
+                          close: () => setCenteredOpen(agentId, false),
+                        })}
+                      </ModalBodyScrollOwnerContext.Provider>
+                    </PluginThemeProvider>
+                  </View>
+                ) : null}
+              </Modal.Content>
+            </Modal>
+          </View>
         </>
       );
     };
@@ -480,7 +514,7 @@ export function registerComposerPill<TPayload = any>(
     host?: { id: string; label: string };
     close: () => void;
   }) {
-    const { width: windowWidth } = useWindowDimensions();
+    const { width: windowWidth, height: windowHeight } = useWindowDimensions();
     // The anchored popover is otherwise sized from its content, so reflowing
     // content can move the frame under the pointer. Pin it to an explicit width
     // (clamped to the viewport) and let children overflow into their own
@@ -489,6 +523,11 @@ export function registerComposerPill<TPayload = any>(
       !props.layout.compact && options.popoverWidth
         ? Math.max(0, Math.min(options.popoverWidth, windowWidth - 24))
         : undefined;
+    // The host remains the scroll owner, but it needs a finite child extent to
+    // establish the popover viewport. Do not add overflow clipping or an inner
+    // ScrollView here: either would compete with the host's popover/sheet
+    // scroller.
+    const frameMaxHeight = Math.max(1, Math.min(560, windowHeight * 0.8));
     // Layout effect, not effect: the flag must be set in the same commit the
     // popover mounts, before any label timer can interleave. An effect runs
     // after paint, leaving a window where one tick can still publish and
@@ -508,8 +547,14 @@ export function registerComposerPill<TPayload = any>(
     };
     return (
       <PluginThemeProvider theme={props.theme} layout={props.layout} flair={options.flair}>
-        <View style={[styles.popoverContainer, frameWidth ? { width: frameWidth } : null]}>
-          <ModalBodyScrollOwnerContext.Provider value="host">
+        <View
+          style={{
+            ...styles.popoverContainer,
+            maxHeight: frameMaxHeight,
+            ...(frameWidth ? { width: frameWidth } : null),
+          }}
+        >
+          <ModalBodyScrollOwnerContext.Provider value="popover">
             {options.renderModal?.({ ...pillProps, close: props.close })}
           </ModalBodyScrollOwnerContext.Provider>
         </View>
@@ -589,11 +634,15 @@ export function registerComposerPill<TPayload = any>(
           <Modal.Content scrollable={resolvePillModalScrollable(options.hostScroll)}>
             {open ? (
               <PluginThemeProvider theme={props.theme} layout={props.layout} flair={options.flair}>
-                {options.renderModal?.({
-                  ...props,
-                  close: () => setOpen(false),
-                  payload,
-                })}
+                <ModalBodyScrollOwnerContext.Provider
+                  value={resolvePillModalScrollable(options.hostScroll) ? "host" : "required"}
+                >
+                  {options.renderModal?.({
+                    ...props,
+                    close: () => setOpen(false),
+                    payload,
+                  })}
+                </ModalBodyScrollOwnerContext.Provider>
               </PluginThemeProvider>
             ) : null}
           </Modal.Content>

package/client/vendor/paseo-plugin-helper/styles/index.ts

@@ -0,0 +1 @@
+export * from "./recipes";