github-issue-tower-defence-management 1.178.1 → 1.180.0

package/src/adapter/entry-points/console/ui/src/features/console/lib/consoleApi.ts

@@ -417,3 +417,24 @@ export const postConsoleCreateIssue = async (
   }
   return payload.issueUrl;
 };
+
+export const REORDER_STORY_OPERATION_PATH = '/api/reorderstory';
+
+export type ConsoleReorderStoryRequest = {
+  pjcode: string;
+  storyOptionId: string;
+  direction: 'up' | 'down';
+};
+
+export const postConsoleReorderStory = async (
+  request: ConsoleReorderStoryRequest,
+): Promise<void> => {
+  const response = await fetch(REORDER_STORY_OPERATION_PATH, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(request),
+  });
+  if (!response.ok) {
+    throw new Error(await readOperationErrorReason(response));
+  }
+};

package/src/adapter/entry-points/console/ui/src/features/console/logic/relativeTime.test.ts

@@ -39,14 +39,36 @@ describe('formatRelativeTime', () => {
     );
   });
 
+  it('returns month and day for 30+ days in the same UTC year', () => {
+    expect(formatRelativeTime('2026-05-01T12:00:00.000Z', now)).toBe('May 1');
+  });
+
+  it('includes the UTC year when the date is in a prior year', () => {
+    const result = formatRelativeTime('2025-12-01T12:00:00.000Z', now);
+    expect(result).toContain('2025');
+    expect(result).toContain('Dec');
+  });
+
+  it('uses UTC date boundary for the same-year check', () => {
+    const nowEndOf2025 = Date.parse('2025-12-31T23:59:59.000Z');
+    const result = formatRelativeTime('2025-10-01T00:00:00.000Z', nowEndOf2025);
+    expect(result).toContain('Oct');
+    expect(result).not.toContain('2025');
+  });
+
   it('returns an empty string for an invalid date', () => {
     expect(formatRelativeTime('nonsense', now)).toBe('');
   });
 });
 
 describe('formatFullTimestamp', () => {
-  it('formats a timestamp and returns empty for invalid input', () => {
-    expect(formatFullTimestamp('2026-06-19T12:00:00.000Z')).not.toBe('');
+  it('formats a UTC timestamp in ja-JP locale', () => {
+    expect(formatFullTimestamp('2026-06-19T09:05:00.000Z')).toMatch(
+      /2026.06.19.09.05/,
+    );
+  });
+
+  it('returns empty string for invalid input', () => {
     expect(formatFullTimestamp('nonsense')).toBe('');
   });
 });

package/src/adapter/entry-points/console/ui/src/features/console/logic/relativeTime.ts

@@ -28,8 +28,9 @@ export const formatRelativeTime = (iso: string, now: number): string => {
     return `${days} days ago`;
   }
   const date = new Date(then);
-  const sameYear = date.getFullYear() === new Date(now).getFullYear();
+  const sameYear = date.getUTCFullYear() === new Date(now).getUTCFullYear();
   return date.toLocaleDateString('en-US', {
+    timeZone: 'UTC',
     year: sameYear ? undefined : 'numeric',
     month: 'short',
     day: 'numeric',
@@ -42,6 +43,7 @@ export const formatFullTimestamp = (iso: string): string => {
     return '';
   }
   return new Date(then).toLocaleString('ja-JP', {
+    timeZone: 'UTC',
     year: 'numeric',
     month: '2-digit',
     day: '2-digit',

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsolePage.tsx

@@ -1,7 +1,8 @@
-import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ConsoleTabList } from '../components/layout/ConsoleTabList';
 import { ConsoleItemList } from '../components/list/ConsoleItemList';
 import { ConsoleStoryList } from '../components/list/ConsoleStoryList';
+import { ConsoleStoryReorderPanel } from '../components/list/ConsoleStoryReorderPanel';
 import {
   ConsoleErrorToast,
   ConsoleUndoToast,
@@ -15,7 +16,10 @@ import { useConsoleOverlay } from '../hooks/useConsoleOverlay';
 import { useConsolePjcode } from '../hooks/useConsolePjcode';
 import { useConsoleSwipeNavigation } from '../hooks/useConsoleSwipeNavigation';
 import { useConsoleTabData } from '../hooks/useConsoleTabData';
-import { postConsoleCreateIssue } from '../lib/consoleApi';
+import {
+  postConsoleCreateIssue,
+  postConsoleReorderStory,
+} from '../lib/consoleApi';
 import {
   actionAdvances,
   actionToastColor,
@@ -136,6 +140,17 @@ export const ConsolePage = () => {
   const generatedAt = activeSnapshot?.generatedAt ?? null;
   const fromCache = activeSnapshot?.fromCache ?? false;
 
+  const [localStoryOptionsOverride, setLocalStoryOptionsOverride] = useState<{
+    generatedAt: string | undefined;
+    stories: typeof storyOptions;
+  } | null>(null);
+
+  const triageStoryOptions =
+    localStoryOptionsOverride !== null &&
+    localStoryOptionsOverride.generatedAt === activeSnapshot?.generatedAt
+      ? localStoryOptionsOverride.stories
+      : storyOptions.filter((o) => o.color !== 'GRAY');
+
   const selectedItem = useMemo<ConsoleListItem | null>(() => {
     if (selectedItemKey === null || activeSnapshot === null) {
       return null;
@@ -265,6 +280,32 @@ export const ConsolePage = () => {
     [pjcode, defaultNameWithOwner],
   );
 
+  const handleReorderStory = useCallback(
+    async (storyOptionId: string, direction: 'up' | 'down'): Promise<void> => {
+      if (pjcode === null) {
+        throw new Error('No project specified in the URL path.');
+      }
+      await postConsoleReorderStory({ pjcode, storyOptionId, direction });
+      const index = triageStoryOptions.findIndex((o) => o.id === storyOptionId);
+      if (index === -1) {
+        return;
+      }
+      const swapIndex = index + (direction === 'up' ? -1 : 1);
+      if (swapIndex < 0 || swapIndex >= triageStoryOptions.length) {
+        return;
+      }
+      const next = [...triageStoryOptions];
+      const temp = next[index];
+      next[index] = next[swapIndex];
+      next[swapIndex] = temp;
+      setLocalStoryOptionsOverride({
+        generatedAt: activeSnapshot?.generatedAt,
+        stories: next,
+      });
+    },
+    [pjcode, triageStoryOptions, activeSnapshot?.generatedAt],
+  );
+
   return (
     <main className="console-app">
       {actionQueue.pending !== null && (
@@ -299,15 +340,23 @@ export const ConsolePage = () => {
           onCreateIssue={handleCreateIssue}
         />
       ) : selectedItem === null ? (
-        <ConsoleItemList
-          rows={rows}
-          storyColors={storyColors}
-          activeItemId={null}
-          now={now}
-          isLoading={isLoading}
-          error={error}
-          onSelectItem={(item) => navigation.openItem(item.projectItemId)}
-        />
+        <>
+          {activeTab === 'triage' && triageStoryOptions.length > 0 && (
+            <ConsoleStoryReorderPanel
+              stories={triageStoryOptions}
+              onReorderStory={handleReorderStory}
+            />
+          )}
+          <ConsoleItemList
+            rows={rows}
+            storyColors={storyColors}
+            activeItemId={null}
+            now={now}
+            isLoading={isLoading}
+            error={error}
+            onSelectItem={(item) => navigation.openItem(item.projectItemId)}
+          />
+        </>
       ) : (
         <div className="console-detail-screen" ref={detailScreenRef}>
           <ConsoleItemDetailContainer