feat: add GitHub issue picker and API endpoints

Add GitHubIssuePickerDialog UI for selecting issues
Enable new session from GitHub issue from session sidebar
Implement GitHub issues/list/get/comments APIs across desktop, web, and VS Code

packages/ui/src/components/session/SessionSidebar.tsx

@@ -42,6 +42,8 @@ import {
   RiGitRepositoryLine,
   RiLinkUnlinkM,
 
+  RiGithubLine,
+
   RiMore2Line,
   RiPencilAiLine,
   RiShare2Line,
@@ -62,6 +64,7 @@ import { getSafeStorage } from '@/stores/utils/safeStorage';
 import { createWorktreeSession } from '@/lib/worktreeSessionCreator';
 import { isVSCodeRuntime } from '@/lib/desktop';
 import { BranchPickerDialog } from './BranchPickerDialog';
+import { GitHubIssuePickerDialog } from './GitHubIssuePickerDialog';
 
 const PROJECT_COLLAPSE_STORAGE_KEY = 'oc.sessions.projectCollapse';
 const SESSION_EXPANDED_STORAGE_KEY = 'oc.sessions.expandedParents';
@@ -139,6 +142,7 @@ interface SortableProjectItemProps {
   onNewSession: () => void;
   onNewWorktreeSession?: () => void;
   onOpenBranchPicker?: () => void;
+  onNewSessionFromGitHubIssue?: () => void;
   onOpenMultiRunLauncher: () => void;
   onClose: () => void;
   sentinelRef: (el: HTMLDivElement | null) => void;
@@ -163,6 +167,7 @@ const SortableProjectItem: React.FC<SortableProjectItemProps> = ({
   onNewSession,
   onNewWorktreeSession,
   onOpenBranchPicker,
+  onNewSessionFromGitHubIssue,
   onOpenMultiRunLauncher,
   onClose,
   sentinelRef,
@@ -273,6 +278,12 @@ const SortableProjectItem: React.FC<SortableProjectItemProps> = ({
                   Browse Branches
                 </DropdownMenuItem>
               )}
+              {isRepo && !hideDirectoryControls && onNewSessionFromGitHubIssue && (
+                <DropdownMenuItem onClick={onNewSessionFromGitHubIssue}>
+                  <RiGithubLine className="mr-1.5 h-4 w-4" />
+                  New session from GitHub issue
+                </DropdownMenuItem>
+              )}
               {isRepo && !hideDirectoryControls && (
                 <DropdownMenuItem onClick={onOpenMultiRunLauncher}>
                   <ArrowsMerge className="mr-1.5 h-4 w-4" />
@@ -399,6 +410,7 @@ export const SessionSidebar: React.FC<SessionSidebarProps> = ({
   const [expandedSessionGroups, setExpandedSessionGroups] = React.useState<Set<string>>(new Set());
   const [hoveredProjectId, setHoveredProjectId] = React.useState<string | null>(null);
   const [branchPickerOpen, setBranchPickerOpen] = React.useState(false);
+  const [issuePickerOpen, setIssuePickerOpen] = React.useState(false);
   const [activeDragId, setActiveDragId] = React.useState<string | null>(null);
   const [stuckProjectHeaders, setStuckProjectHeaders] = React.useState<Set<string>>(new Set());
   const [openMenuSessionId, setOpenMenuSessionId] = React.useState<string | null>(null);
@@ -1631,6 +1643,16 @@ export const SessionSidebar: React.FC<SessionSidebarProps> = ({
                       createWorktreeSession();
                     }}
                     onOpenBranchPicker={() => setBranchPickerOpen(true)}
+                    onNewSessionFromGitHubIssue={() => {
+                      if (projectKey !== activeProjectId) {
+                        setActiveProject(projectKey);
+                      }
+                      setActiveMainTab('chat');
+                      if (mobileVariant) {
+                        setSessionSwitcherOpen(false);
+                      }
+                      setIssuePickerOpen(true);
+                    }}
                     onOpenMultiRunLauncher={() => {
                       if (projectKey !== activeProjectId) {
                         setActiveProject(projectKey);
@@ -1672,6 +1694,11 @@ export const SessionSidebar: React.FC<SessionSidebarProps> = ({
         projects={normalizedProjects}
         activeProjectId={activeProjectId}
       />
+
+      <GitHubIssuePickerDialog
+        open={issuePickerOpen}
+        onOpenChange={setIssuePickerOpen}
+      />
     </div>
   );
 };