feat(routines): add workspace-aware routine runs

Co-Authored-By: Paperclip <noreply@paperclip.ing>

ui/src/components/IssuesQuicklook.tsx

@@ -0,0 +1,55 @@
+import { useState } from "react";
+import type { Issue } from "@paperclipai/shared";
+import { Link } from "@/lib/router";
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import { StatusIcon } from "./StatusIcon";
+import { createIssueDetailPath } from "../lib/issueDetailBreadcrumb";
+import { timeAgo } from "../lib/timeAgo";
+
+interface IssuesQuicklookProps {
+  issue: Issue;
+  children: React.ReactNode;
+}
+
+export function IssuesQuicklook({ issue, children }: IssuesQuicklookProps) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger
+        asChild
+        onMouseEnter={() => setOpen(true)}
+        onMouseLeave={() => setOpen(false)}
+      >
+        {children}
+      </PopoverTrigger>
+      <PopoverContent
+        className="w-64 p-3"
+        side="top"
+        align="start"
+        onMouseEnter={() => setOpen(true)}
+        onMouseLeave={() => setOpen(false)}
+        onOpenAutoFocus={(e) => e.preventDefault()}
+      >
+        <div className="space-y-2">
+          <div className="flex items-start gap-2">
+            <StatusIcon status={issue.status} className="mt-0.5 shrink-0" />
+            <Link
+              to={createIssueDetailPath(issue.identifier ?? issue.id)}
+              className="text-sm font-medium leading-snug hover:underline line-clamp-2"
+            >
+              {issue.title}
+            </Link>
+          </div>
+          <div className="flex items-center gap-2 text-xs text-muted-foreground">
+            <span className="font-mono">{issue.identifier ?? issue.id.slice(0, 8)}</span>
+            <span>·</span>
+            <span>{issue.status.replace(/_/g, " ")}</span>
+            <span>·</span>
+            <span>{timeAgo(new Date(issue.updatedAt))}</span>
+          </div>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}