@domicile-desktop/component-library 0.0.0-alpha-3ded272b3750 → 0.0.0-alpha-e2d8a62fa03f

package/package.json

@@ -2,8 +2,8 @@
   "dependencies": {
     "@base-ui/react": "^1.8.0",
     "@cprussin/option-result": "^2.0.1",
-    "@domicile-desktop/sdk": "0.0.0-alpha-3ded272b3750",
-    "@domicile-desktop/system-apps": "0.0.0-alpha-3ded272b3750",
+    "@domicile-desktop/sdk": "0.0.0-alpha-e2d8a62fa03f",
+    "@domicile-desktop/system-apps": "0.0.0-alpha-e2d8a62fa03f",
     "@pandacss/dev": "^1.12.1",
     "@phosphor-icons/react": "^2.1.10"
   },
@@ -159,5 +159,5 @@
     "test:unit": "bun test"
   },
   "type": "module",
-  "version": "0.0.0-alpha-3ded272b3750"
+  "version": "0.0.0-alpha-e2d8a62fa03f"
 }

package/src/PortalDialogs/RegionPicker.tsx

@@ -15,8 +15,12 @@ type Pair = readonly [number, number];
 /** A rectangle in page pixels: the desktop's logical pixels. */
 export type Region = { position: Pair; size: Pair };
 
-/** A button that takes the region selected. */
-export type RegionAction = { label: string; pick: (region: Region) => void };
+/** A button that takes the region selected, and a key that presses it. */
+export type RegionAction = {
+  label: string;
+  pick: (region: Region) => void;
+  shortcut?: ((event: KeyboardEvent) => boolean) | undefined;
+};
 
 type Props = {
   /** The buttons beside Back and Cancel; the last is the main one. */
@@ -57,16 +61,20 @@ export const RegionPicker = ({ actions, back, cancel, frozen }: Props) => {
   const [grab, setGrab] = useState<Grab | undefined>(undefined);
 
   useEffect(() => {
-    const goBack = (event: KeyboardEvent) => {
+    const press = (event: KeyboardEvent) => {
+      const pressed = actions.find(({ shortcut }) => shortcut?.(event));
       if (event.key === "Escape") {
         back();
+      } else if (pressed !== undefined && selected !== undefined) {
+        event.preventDefault();
+        pressed.pick(selected);
       }
     };
-    document.addEventListener("keydown", goBack);
+    document.addEventListener("keydown", press);
     return () => {
-      document.removeEventListener("keydown", goBack);
+      document.removeEventListener("keydown", press);
     };
-  }, [back]);
+  }, [actions, back, selected]);
 
   return (
     <div

package/src/PortalDialogs/ScreenshotDialog.tsx

@@ -161,6 +161,7 @@ export const ScreenshotDialog = ({
           pick: (region) => {
             answer(Answer.Screenshot(onFrameOf(body, region), true));
           },
+          shortcut: isCopy,
         },
         {
           label: "Save",