github-issue-tower-defence-management 2.7.0 → 2.9.0

package/src/adapter/entry-points/console/ui/src/features/console/components/detail/ConsoleFileDiff.tsx

@@ -147,22 +147,29 @@ export const ConsoleFileDiff = ({
     useState<ConsoleInlineCommentTarget | null>(null);
 
   if (patch === null || patch === '') {
-    if (
-      path !== undefined &&
-      isImageFilePath(path) &&
-      rawUrl !== undefined &&
-      rawUrl !== null &&
-      buildImageProxyUrl !== undefined
-    ) {
-      return (
-        <div className="console-file-diff-image">
-          <img
-            className="console-file-diff-image-content"
-            src={buildImageProxyUrl(rawUrl)}
-            alt={path}
-          />
-        </div>
-      );
+    if (path !== undefined && rawUrl !== undefined && rawUrl !== null) {
+      if (rawUrl.startsWith('data:image/')) {
+        return (
+          <div className="console-file-diff-image">
+            <img
+              className="console-file-diff-image-content"
+              src={rawUrl}
+              alt={path}
+            />
+          </div>
+        );
+      }
+      if (isImageFilePath(path) && buildImageProxyUrl !== undefined) {
+        return (
+          <div className="console-file-diff-image">
+            <img
+              className="console-file-diff-image-content"
+              src={buildImageProxyUrl(rawUrl)}
+              alt={path}
+            />
+          </div>
+        );
+      }
     }
     return (
       <p className="console-file-diff-empty">(no diff / binary or too large)</p>

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleAirplaneModeButton.stories.tsx

@@ -0,0 +1,56 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleAirplaneModeButton } from './ConsoleAirplaneModeButton';
+
+const meta: Meta<typeof ConsoleAirplaneModeButton> = {
+  title: 'Console/ConsoleAirplaneModeButton',
+  component: ConsoleAirplaneModeButton,
+  args: {
+    status: 'off',
+    progress: null,
+    capturedAt: null,
+    failures: [],
+    onStartSync: () => {},
+    onTurnOff: () => {},
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleAirplaneModeButton>;
+
+export const Off: Story = {
+  args: {
+    status: 'off',
+  },
+};
+
+export const SyncingNoProgress: Story = {
+  args: {
+    status: 'syncing',
+    progress: { fetched: 0, total: 0 },
+  },
+};
+
+export const SyncingWithProgress: Story = {
+  args: {
+    status: 'syncing',
+    progress: { fetched: 127, total: 557 },
+  },
+};
+
+export const On: Story = {
+  args: {
+    status: 'on',
+    capturedAt: '2026-08-18T11:30:00Z',
+  },
+};
+
+export const SyncError: Story = {
+  args: {
+    status: 'error',
+    failures: [
+      'https://github.com/owner/repo/issues/99',
+      'https://github.com/owner/repo/pull/100',
+    ],
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleAirplaneModeButton.test.tsx

@@ -0,0 +1,111 @@
+import { fireEvent, render } from '@testing-library/react';
+import {
+  ConsoleAirplaneModeButton,
+  type ConsoleAirplaneModeButtonProps,
+} from './ConsoleAirplaneModeButton';
+
+const baseProps: ConsoleAirplaneModeButtonProps = {
+  status: 'off',
+  progress: null,
+  capturedAt: null,
+  failures: [],
+  onStartSync: jest.fn(),
+  onTurnOff: jest.fn(),
+};
+
+describe('ConsoleAirplaneModeButton', () => {
+  it('renders a start button when status is off', () => {
+    const { getByRole } = render(<ConsoleAirplaneModeButton {...baseProps} />);
+    const button = getByRole('button', { name: /airplane mode/i });
+    expect(button).not.toBeNull();
+  });
+
+  it('calls onStartSync when the start button is clicked', () => {
+    const onStartSync = jest.fn();
+    const { getByRole } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="off"
+        onStartSync={onStartSync}
+      />,
+    );
+    fireEvent.click(getByRole('button', { name: /airplane mode/i }));
+    expect(onStartSync).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows progress text when status is syncing', () => {
+    const { getByRole } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="syncing"
+        progress={{ fetched: 10, total: 100 }}
+      />,
+    );
+    const status = getByRole('status');
+    expect(status.textContent).toContain('10/100');
+  });
+
+  it('shows Syncing… when progress total is zero', () => {
+    const { getByRole } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="syncing"
+        progress={{ fetched: 0, total: 0 }}
+      />,
+    );
+    expect(getByRole('status').textContent).toContain('Syncing');
+  });
+
+  it('does not show a done/on indicator while syncing', () => {
+    const { queryByText } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="syncing"
+        progress={{ fetched: 3, total: 10 }}
+      />,
+    );
+    expect(queryByText(/turn off/i)).toBeNull();
+  });
+
+  it('shows capturedAt and turn-off button when status is on', () => {
+    const { getByText } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="on"
+        capturedAt="2026-01-01T00:00:00Z"
+      />,
+    );
+    expect(getByText(/2026/)).not.toBeNull();
+    expect(getByText(/turn off/i)).not.toBeNull();
+  });
+
+  it('calls onTurnOff when turn-off button is clicked', () => {
+    const onTurnOff = jest.fn();
+    const { getByRole } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="on"
+        capturedAt="2026-01-01T00:00:00Z"
+        onTurnOff={onTurnOff}
+      />,
+    );
+    fireEvent.click(getByRole('button', { name: /turn off/i }));
+    expect(onTurnOff).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows error state with retry button when status is error', () => {
+    const onStartSync = jest.fn();
+    const { getByRole, getByText } = render(
+      <ConsoleAirplaneModeButton
+        {...baseProps}
+        status="error"
+        failures={['https://github.com/o/r/issues/1']}
+        onStartSync={onStartSync}
+      />,
+    );
+    expect(getByText(/sync failed/i)).not.toBeNull();
+    const retryBtn = getByRole('button', { name: /retry/i });
+    fireEvent.click(retryBtn);
+    expect(onStartSync).toHaveBeenCalledTimes(1);
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleAirplaneModeButton.tsx

@@ -0,0 +1,92 @@
+import type {
+  AirplaneModeStatus,
+  AirplaneSyncProgress,
+} from '../../hooks/useAirplaneMode';
+
+export type ConsoleAirplaneModeButtonProps = {
+  status: AirplaneModeStatus;
+  progress: AirplaneSyncProgress | null;
+  capturedAt: string | null;
+  failures: string[];
+  onStartSync: () => void;
+  onTurnOff: () => void;
+};
+
+const progressLabel = (progress: AirplaneSyncProgress | null): string => {
+  if (progress === null || progress.total === 0) {
+    return 'Syncing…';
+  }
+  return `Syncing ${progress.fetched}/${progress.total}`;
+};
+
+export const ConsoleAirplaneModeButton = ({
+  status,
+  progress,
+  capturedAt,
+  failures,
+  onStartSync,
+  onTurnOff,
+}: ConsoleAirplaneModeButtonProps) => {
+  if (status === 'on') {
+    return (
+      <div className="console-airplane-mode console-airplane-mode--on">
+        <span className="console-airplane-mode-label">
+          ✈ Airplane mode
+          {capturedAt !== null
+            ? `: ${new Date(capturedAt).toLocaleString()}`
+            : ''}
+        </span>
+        <button
+          type="button"
+          className="console-airplane-mode-toggle"
+          onClick={onTurnOff}
+        >
+          Turn off
+        </button>
+      </div>
+    );
+  }
+
+  if (status === 'syncing') {
+    return (
+      <div className="console-airplane-mode console-airplane-mode--syncing">
+        <span
+          className="console-airplane-mode-progress"
+          role="status"
+          aria-live="polite"
+        >
+          {progressLabel(progress)}
+        </span>
+      </div>
+    );
+  }
+
+  if (status === 'error') {
+    return (
+      <div className="console-airplane-mode console-airplane-mode--error">
+        <span className="console-airplane-mode-error-label" role="alert">
+          Sync failed{failures.length > 0 ? `: ${failures.length} item(s)` : ''}
+        </span>
+        <button
+          type="button"
+          className="console-airplane-mode-toggle"
+          onClick={onStartSync}
+        >
+          Retry
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="console-airplane-mode console-airplane-mode--off">
+      <button
+        type="button"
+        className="console-airplane-mode-toggle"
+        onClick={onStartSync}
+      >
+        ✈ Airplane mode
+      </button>
+    </div>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleTabList.stories.tsx

@@ -16,6 +16,13 @@ const meta: Meta<typeof ConsoleTabList> = {
     tabHref: (tab: ConsoleTabName) => `/projects/acme/${tab}`,
     onSelectTab: () => {},
     onSelectProject: () => {},
+    airplaneModeEnabled: true,
+    airplaneModeStatus: 'off',
+    airplaneModeProgress: null,
+    airplaneModeCapturedAt: null,
+    airplaneModeFailures: [],
+    onAirplaneModeStartSync: () => {},
+    onAirplaneModeTurnOff: () => {},
   },
 };
 
@@ -39,6 +46,14 @@ export const AllTabsWithCounts: Story = {
   },
 };
 
+export const AirplaneModeDisabled: Story = {
+  args: {
+    activeTab: 'prs',
+    counts,
+    airplaneModeEnabled: false,
+  },
+};
+
 export const ZeroCountTabsHidden: Story = {
   args: {
     activeTab: 'prs',

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleTabList.test.tsx

@@ -19,6 +19,13 @@ const baseProps = {
   tabHref: (tab: ConsoleTabName) => `/projects/acme/${tab}`,
   onSelectTab: () => {},
   onSelectProject: () => {},
+  airplaneModeEnabled: true,
+  airplaneModeStatus: 'off' as const,
+  airplaneModeProgress: null,
+  airplaneModeCapturedAt: null,
+  airplaneModeFailures: [],
+  onAirplaneModeStartSync: () => {},
+  onAirplaneModeTurnOff: () => {},
 };
 
 describe('ConsoleTabList', () => {
@@ -230,4 +237,16 @@ describe('ConsoleTabList', () => {
       baseElement.querySelector('.console-tab-pjname-dropdown'),
     ).toBeNull();
   });
+
+  it('does not render the airplane mode button when airplaneModeEnabled is false', () => {
+    const { baseElement } = render(
+      <ConsoleTabList
+        {...baseProps}
+        activeTab="prs"
+        counts={counts}
+        airplaneModeEnabled={false}
+      />,
+    );
+    expect(baseElement.querySelector('.console-airplane-mode')).toBeNull();
+  });
 });

package/src/adapter/entry-points/console/ui/src/features/console/components/layout/ConsoleTabList.tsx

@@ -1,6 +1,11 @@
 import { type ReactNode, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
+import type {
+  AirplaneModeStatus,
+  AirplaneSyncProgress,
+} from '../../hooks/useAirplaneMode';
 import { CONSOLE_TABS, type ConsoleTabName } from '../../logic/types';
+import { ConsoleAirplaneModeButton } from './ConsoleAirplaneModeButton';
 
 export type ConsoleTabBarProps = {
   activeTab: ConsoleTabName;
@@ -13,6 +18,13 @@ export type ConsoleTabBarProps = {
   onSelectTab: (tab: ConsoleTabName) => void;
   onSelectProject: (pjcode: string) => void;
   settingsButton?: ReactNode;
+  airplaneModeEnabled: boolean;
+  airplaneModeStatus: AirplaneModeStatus;
+  airplaneModeProgress: AirplaneSyncProgress | null;
+  airplaneModeCapturedAt: string | null;
+  airplaneModeFailures: string[];
+  onAirplaneModeStartSync: () => void;
+  onAirplaneModeTurnOff: () => void;
 };
 
 export const ConsoleTabList = ({
@@ -26,6 +38,13 @@ export const ConsoleTabList = ({
   onSelectTab,
   onSelectProject,
   settingsButton,
+  airplaneModeEnabled,
+  airplaneModeStatus,
+  airplaneModeProgress,
+  airplaneModeCapturedAt,
+  airplaneModeFailures,
+  onAirplaneModeStartSync,
+  onAirplaneModeTurnOff,
 }: ConsoleTabBarProps) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [dropdownPos, setDropdownPos] = useState<{
@@ -153,7 +172,7 @@ export const ConsoleTabList = ({
             )}
         </div>
       )}
-      {generatedAt !== null && (
+      {generatedAt !== null && airplaneModeStatus !== 'on' && (
         <span
           className="console-tab-geninfo"
           data-from-cache={fromCache ? 'true' : undefined}
@@ -164,6 +183,16 @@ export const ConsoleTabList = ({
       {settingsButton !== undefined && (
         <span className="console-tab-settings">{settingsButton}</span>
       )}
+      {airplaneModeEnabled && (
+        <ConsoleAirplaneModeButton
+          status={airplaneModeStatus}
+          progress={airplaneModeProgress}
+          capturedAt={airplaneModeCapturedAt}
+          failures={airplaneModeFailures}
+          onStartSync={onAirplaneModeStartSync}
+          onTurnOff={onAirplaneModeTurnOff}
+        />
+      )}
     </nav>
   );
 };

package/src/adapter/entry-points/console/ui/src/features/console/components/operations/ConsoleErrorToast.stories.tsx

@@ -5,6 +5,7 @@ const meta: Meta<typeof ConsoleErrorToast> = {
   title: 'Console/ConsoleErrorToast',
   component: ConsoleErrorToast,
   args: {
+    title: 'Approved — PR #851',
     message: 'Operation failed: HTTP 422 Review cannot be requested',
     onDismiss: () => {},
   },
@@ -18,6 +19,15 @@ export const ReviewRejectedByGitHub: Story = {};
 
 export const NetworkFailure: Story = {
   args: {
+    title: 'Approved — PR #851',
     message: 'Operation failed: network down',
   },
 };
+
+export const AirplaneModeGuard: Story = {
+  args: {
+    title: 'Airplane mode',
+    message:
+      'Operation failed: This action requires a network connection. Turn off airplane mode and try again.',
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/operations/ConsoleNextActionDateActions.test.tsx

@@ -2,13 +2,15 @@ import { fireEvent, render } from '@testing-library/react';
 import { ConsoleNextActionDateActions } from './ConsoleNextActionDateActions';
 
 describe('ConsoleNextActionDateActions', () => {
-  it('shows +1 day and +1 week outside manual triage tabs', () => {
+  it('shows +1 hour, +3 hours, +1 day and +1 week outside manual triage tabs', () => {
     const { getByText, queryByText } = render(
       <ConsoleNextActionDateActions
         isManualTriage={false}
         onSetNextActionDate={() => {}}
       />,
     );
+    expect(getByText('+1 hour')).toBeInTheDocument();
+    expect(getByText('+3 hours')).toBeInTheDocument();
     expect(getByText('+1 day')).toBeInTheDocument();
     expect(getByText('+1 week')).toBeInTheDocument();
     expect(queryByText('+1 week and skip')).toBeNull();
@@ -32,9 +34,13 @@ describe('ConsoleNextActionDateActions', () => {
         onSetNextActionDate={onSetNextActionDate}
       />,
     );
+    fireEvent.click(getByText('+1 hour'));
+    fireEvent.click(getByText('+3 hours'));
     fireEvent.click(getByText('+1 day'));
     fireEvent.click(getByText('+1 week'));
     expect(onSetNextActionDate.mock.calls.map((call) => call[0])).toEqual([
+      'snooze_1hour',
+      'snooze_3hours',
       'snooze_1day',
       'snooze_1week',
     ]);

package/src/adapter/entry-points/console/ui/src/features/console/components/operations/ConsoleNextActionDateActions.tsx

@@ -10,6 +10,20 @@ export const ConsoleNextActionDateActions = ({
   onSetNextActionDate,
 }: ConsoleNextActionDateGroupProps) => (
   <div className="console-op-group">
+    <button
+      type="button"
+      className="console-op-button console-op-button-snooze"
+      onClick={() => onSetNextActionDate('snooze_1hour')}
+    >
+      +1 hour
+    </button>
+    <button
+      type="button"
+      className="console-op-button console-op-button-snooze"
+      onClick={() => onSetNextActionDate('snooze_3hours')}
+    >
+      +3 hours
+    </button>
     <button
       type="button"
       className="console-op-button console-op-button-snooze"

package/src/adapter/entry-points/console/ui/src/features/console/components/operations/ConsoleUndoToast.test.tsx

@@ -62,9 +62,7 @@ describe('ConsoleErrorToast', () => {
       />,
     );
     expect(getByText('Operation failed: HTTP 422')).toBeInTheDocument();
-    expect(
-      container.querySelector('.console-undo-toast-error'),
-    ).toBeInTheDocument();
+    expect(container.querySelector('.console-error-toast')).toBeInTheDocument();
     expect(getByRole('alert')).toBeInTheDocument();
   });
 

package/src/adapter/entry-points/console/ui/src/features/console/components/operations/ConsoleUndoToast.tsx

@@ -36,23 +36,24 @@ export const ConsoleUndoToast = ({
 );
 
 export type ConsoleErrorToastProps = {
+  title?: string;
   message: string;
   onDismiss: () => void;
 };
 
 export const ConsoleErrorToast = ({
+  title,
   message,
   onDismiss,
 }: ConsoleErrorToastProps) => (
-  <div
-    className="console-undo-toast console-undo-toast-error"
-    role="alert"
-    aria-live="assertive"
-  >
-    <span className="console-undo-toast-message">{message}</span>
+  <div className="console-error-toast" role="alert" aria-live="assertive">
+    {title !== undefined && (
+      <span className="console-error-toast-title">{title}</span>
+    )}
+    <span className="console-error-toast-message">{message}</span>
     <button
       type="button"
-      className="console-undo-toast-undo"
+      className="console-error-toast-dismiss"
       onClick={onDismiss}
     >
       Dismiss