github-issue-tower-defence-management 1.89.0 → 1.90.0

package/bin/adapter/entry-points/console/ui-dist/assets/index-DHlBLm7d.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:#e5e5e5;--color-input:#e5e5e5;--color-ring:#0a0a0a;--color-background:#fff;--color-foreground:#0a0a0a;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary:#f5f5f5;--color-secondary-foreground:#171717;--color-muted-foreground:#737373;--color-accent:#f5f5f5;--color-accent-foreground:#171717;--color-destructive:#ef4444}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.max-w-3xl{max-width:var(--container-3xl)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.underline-offset-2{text-underline-offset:2px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-primary\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}}body{background-color:var(--color-background);color:var(--color-foreground);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/bin/adapter/entry-points/console/ui-dist/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TDPM Console</title>
-    <script type="module" crossorigin src="./assets/index-DcOZ02ON.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-DFxrSRH4.css">
+    <script type="module" crossorigin src="/assets/index-DDjYPXRT.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DHlBLm7d.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "github-issue-tower-defence-management",
-  "version": "1.89.0",
+  "version": "1.90.0",
   "description": "",
   "main": "bin/index.js",
   "scripts": {

package/src/adapter/entry-points/console/consoleServer.test.ts

@@ -9,6 +9,7 @@ import {
   hasDotSegment,
   requiresToken,
   isTokenValid,
+  isConsoleAppRoute,
   extractProvidedToken,
   startConsoleServer,
 } from './consoleServer';
@@ -61,6 +62,35 @@ describe('consoleServer pure helpers', () => {
     });
   });
 
+  describe('isConsoleAppRoute', () => {
+    it('matches a per-project root route', () => {
+      expect(isConsoleAppRoute('/projects/umino')).toBe(true);
+      expect(isConsoleAppRoute('/projects/umino/')).toBe(true);
+    });
+
+    it('matches a per-project tab route for every list tab', () => {
+      expect(isConsoleAppRoute('/projects/umino/prs')).toBe(true);
+      expect(isConsoleAppRoute('/projects/xmile/triage')).toBe(true);
+      expect(isConsoleAppRoute('/projects/xcare/unread')).toBe(true);
+      expect(isConsoleAppRoute('/projects/utage3/failed-preparation')).toBe(
+        true,
+      );
+      expect(isConsoleAppRoute('/projects/utage3/todo-by-human')).toBe(true);
+    });
+
+    it('does not match data, api, or unknown tab routes', () => {
+      expect(isConsoleAppRoute('/projects/umino/prs/list.json')).toBe(false);
+      expect(isConsoleAppRoute('/projects/umino/unknown')).toBe(false);
+      expect(isConsoleAppRoute('/projects')).toBe(false);
+      expect(isConsoleAppRoute('/api/review')).toBe(false);
+      expect(isConsoleAppRoute('/')).toBe(false);
+    });
+
+    it('does not match a dot-prefixed pjcode', () => {
+      expect(isConsoleAppRoute('/projects/.git')).toBe(false);
+    });
+  });
+
   describe('isTokenValid', () => {
     it('accepts a matching token', () => {
       expect(isTokenValid('expected', 'expected')).toBe(true);
@@ -230,6 +260,57 @@ describe('consoleServer integration', () => {
     }
   });
 
+  it('serves the SPA index for per-project app routes without a token', async () => {
+    const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'console-server-'));
+    const uiDistDir = path.join(tmpDir, 'ui-dist');
+    fs.mkdirSync(uiDistDir, { recursive: true });
+    fs.writeFileSync(
+      path.join(uiDistDir, 'index.html'),
+      '<!DOCTYPE html><title>spa</title><div id="root"></div>',
+    );
+    const server = await startConsoleServer({
+      accessToken: testToken,
+      uiDistDir,
+      consoleDataOutputDir: null,
+      port: 0,
+    });
+    try {
+      const projectRoot = await requestServer(server, '/projects/umino');
+      expect(projectRoot.statusCode).toBe(200);
+      expect(projectRoot.body).toContain('spa');
+      expect(projectRoot.contentType).toContain('text/html');
+      expect(projectRoot.cacheControl).toBe('no-store');
+
+      const projectTab = await requestServer(server, '/projects/xmile/prs');
+      expect(projectTab.statusCode).toBe(200);
+      expect(projectTab.body).toContain('spa');
+
+      const unknownTab = await requestServer(server, '/projects/xmile/unknown');
+      expect(unknownTab.statusCode).toBe(404);
+    } finally {
+      await closeServer(server);
+      fs.rmSync(tmpDir, { recursive: true, force: true });
+    }
+  });
+
+  it('serves the placeholder index for per-project routes when ui-dist is absent', async () => {
+    const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'console-server-'));
+    const server = await startConsoleServer({
+      accessToken: testToken,
+      uiDistDir: path.join(tmpDir, 'missing-ui-dist'),
+      consoleDataOutputDir: null,
+      port: 0,
+    });
+    try {
+      const projectRoot = await requestServer(server, '/projects/umino/triage');
+      expect(projectRoot.statusCode).toBe(200);
+      expect(projectRoot.body).toContain('TDPM Console');
+    } finally {
+      await closeServer(server);
+      fs.rmSync(tmpDir, { recursive: true, force: true });
+    }
+  });
+
   it('rejects dot-prefixed paths with 404', async () => {
     const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'console-server-'));
     const uiDistDir = path.join(tmpDir, 'ui-dist');

package/src/adapter/entry-points/console/consoleServer.ts

@@ -4,6 +4,7 @@ import * as path from 'path';
 import { IssueRepository } from '../../../domain/usecases/adapter-interfaces/IssueRepository';
 import { Project } from '../../../domain/entities/Project';
 import {
+  CONSOLE_LIST_TAB_NAMES,
   buildConsoleDataResponse,
   parseConsoleDataRoute,
 } from './consoleDataDelivery';
@@ -70,6 +71,29 @@ export const requiresToken = (requestPath: string): boolean =>
   requestPath === '/api' ||
   requestPath.endsWith('.json');
 
+const SAFE_PJCODE = /^[A-Za-z0-9._-]+$/;
+
+export const isConsoleAppRoute = (requestPath: string): boolean => {
+  const segments = requestPath
+    .split('/')
+    .filter((segment) => segment.length > 0);
+  if (segments.length < 2 || segments[0] !== 'projects') {
+    return false;
+  }
+  const pjcode = segments[1];
+  if (!SAFE_PJCODE.test(pjcode) || pjcode.startsWith('.')) {
+    return false;
+  }
+  if (segments.length === 2) {
+    return true;
+  }
+  if (segments.length !== 3) {
+    return false;
+  }
+  const tab = segments[2];
+  return CONSOLE_LIST_TAB_NAMES.includes(tab);
+};
+
 export const isTokenValid = (
   expectedToken: string,
   providedToken: string | null,
@@ -159,6 +183,24 @@ const serveBootstrapIndex = (response: http.ServerResponse): void => {
   response.end(PLACEHOLDER_INDEX_HTML);
 };
 
+const serveIndexHtml = (
+  options: ConsoleServerOptions,
+  response: http.ServerResponse,
+): void => {
+  const indexFilePath = resolveStaticFilePath(options.uiDistDir, '/index.html');
+  const indexContent =
+    indexFilePath === null ? null : readStaticFile(indexFilePath);
+  if (indexContent === null) {
+    serveBootstrapIndex(response);
+    return;
+  }
+  response.writeHead(200, {
+    'Content-Type': 'text/html; charset=utf-8',
+    'Cache-Control': 'no-store',
+  });
+  response.end(indexContent);
+};
+
 const sendJson = (
   response: http.ServerResponse,
   statusCode: number,
@@ -369,22 +411,12 @@ export const handleConsoleRequest = async (
     return;
   }
 
-  if (requestPath === '/' || requestPath === '/index.html') {
-    const indexFilePath = resolveStaticFilePath(
-      options.uiDistDir,
-      '/index.html',
-    );
-    const indexContent =
-      indexFilePath === null ? null : readStaticFile(indexFilePath);
-    if (indexContent === null) {
-      serveBootstrapIndex(response);
-      return;
-    }
-    response.writeHead(200, {
-      'Content-Type': 'text/html; charset=utf-8',
-      'Cache-Control': 'no-store',
-    });
-    response.end(indexContent);
+  if (
+    requestPath === '/' ||
+    requestPath === '/index.html' ||
+    isConsoleAppRoute(requestPath)
+  ) {
+    serveIndexHtml(options, response);
     return;
   }
 

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

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleProjectHeader } from './ConsoleProjectHeader';
+
+const meta: Meta<typeof ConsoleProjectHeader> = {
+  title: 'Console/ConsoleProjectHeader',
+  component: ConsoleProjectHeader,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleProjectHeader>;
+
+export const WithProject: Story = {
+  args: {
+    pjcode: 'umino',
+  },
+};
+
+export const AnotherProject: Story = {
+  args: {
+    pjcode: 'xmile',
+  },
+};
+
+export const NoProject: Story = {
+  args: {
+    pjcode: null,
+  },
+};

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

@@ -0,0 +1,14 @@
+export type ConsoleProjectHeaderProps = {
+  pjcode: string | null;
+};
+
+export const ConsoleProjectHeader = ({ pjcode }: ConsoleProjectHeaderProps) => (
+  <header className="flex items-baseline gap-2 border-b border-border p-3">
+    <h1 className="text-base font-semibold">TDPM Console</h1>
+    {pjcode === null ? (
+      <span className="text-sm text-muted-foreground">no project selected</span>
+    ) : (
+      <span className="text-sm text-muted-foreground">project: {pjcode}</span>
+    )}
+  </header>
+);

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsoleList.ts

@@ -2,7 +2,8 @@ import { useEffect, useState } from 'react';
 import type { ConsoleListItem, ConsoleTabName } from '../types';
 import { useConsoleToken } from './useConsoleToken';
 
-const buildListUrl = (tab: ConsoleTabName): string => `./${tab}/list.json`;
+const buildListUrl = (pjcode: string, tab: ConsoleTabName): string =>
+  `/projects/${pjcode}/${tab}/list.json`;
 
 const extractItems = (payload: unknown): ConsoleListItem[] => {
   if (
@@ -22,7 +23,10 @@ export type ConsoleListState = {
   error: string | null;
 };
 
-export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
+export const useConsoleList = (
+  pjcode: string | null,
+  tab: ConsoleTabName,
+): ConsoleListState => {
   const { appendToken } = useConsoleToken();
   const [items, setItems] = useState<ConsoleListItem[]>([]);
   const [isLoading, setIsLoading] = useState<boolean>(true);
@@ -33,7 +37,16 @@ export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
     setIsLoading(true);
     setError(null);
 
-    const url = appendToken(buildListUrl(tab));
+    if (pjcode === null) {
+      setItems([]);
+      setIsLoading(false);
+      setError('No project specified in the URL path.');
+      return () => {
+        cancelled = true;
+      };
+    }
+
+    const url = appendToken(buildListUrl(pjcode, tab));
     fetch(url)
       .then(async (response) => {
         if (!response.ok) {
@@ -59,7 +72,7 @@ export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
     return () => {
       cancelled = true;
     };
-  }, [tab, appendToken]);
+  }, [pjcode, tab, appendToken]);
 
   return { items, isLoading, error };
 };

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsolePjcode.test.ts

@@ -0,0 +1,24 @@
+import { parsePjcodeFromPath } from './useConsolePjcode';
+
+describe('parsePjcodeFromPath', () => {
+  it('extracts the pjcode from a projects path', () => {
+    expect(parsePjcodeFromPath('/projects/umino')).toBe('umino');
+    expect(parsePjcodeFromPath('/projects/umino/prs')).toBe('umino');
+    expect(parsePjcodeFromPath('/projects/xmile/triage')).toBe('xmile');
+  });
+
+  it('tolerates a trailing slash', () => {
+    expect(parsePjcodeFromPath('/projects/utage3/')).toBe('utage3');
+  });
+
+  it('returns null when the path is not under projects', () => {
+    expect(parsePjcodeFromPath('/')).toBeNull();
+    expect(parsePjcodeFromPath('/index.html')).toBeNull();
+    expect(parsePjcodeFromPath('/assets/app.js')).toBeNull();
+  });
+
+  it('returns null when no pjcode segment follows projects', () => {
+    expect(parsePjcodeFromPath('/projects')).toBeNull();
+    expect(parsePjcodeFromPath('/projects/')).toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsolePjcode.ts

@@ -0,0 +1,17 @@
+export const parsePjcodeFromPath = (pathname: string): string | null => {
+  const segments = pathname.split('/').filter((segment) => segment.length > 0);
+  if (segments.length < 2 || segments[0] !== 'projects') {
+    return null;
+  }
+  const pjcode = segments[1];
+  if (pjcode.length === 0) {
+    return null;
+  }
+  return pjcode;
+};
+
+export const useConsolePjcode = (): string | null => {
+  const pathname =
+    typeof window === 'undefined' ? '' : window.location.pathname;
+  return parsePjcodeFromPath(pathname);
+};

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

@@ -1,17 +1,21 @@
 import { useState } from 'react';
 import { ConsoleListView } from '../components/ConsoleListView';
+import { ConsoleProjectHeader } from '../components/ConsoleProjectHeader';
 import { ConsoleTabBar } from '../components/ConsoleTabBar';
 import { useConsoleList } from '../hooks/useConsoleList';
+import { useConsolePjcode } from '../hooks/useConsolePjcode';
 import { CONSOLE_TABS, type ConsoleTabName } from '../types';
 
 export const ConsolePage = () => {
+  const pjcode = useConsolePjcode();
   const [activeTab, setActiveTab] = useState<ConsoleTabName>(
     CONSOLE_TABS[0].name,
   );
-  const { items, isLoading, error } = useConsoleList(activeTab);
+  const { items, isLoading, error } = useConsoleList(pjcode, activeTab);
 
   return (
     <main className="mx-auto flex max-w-3xl flex-col">
+      <ConsoleProjectHeader pjcode={pjcode} />
       <ConsoleTabBar activeTab={activeTab} onSelectTab={setActiveTab} />
       <ConsoleListView items={items} isLoading={isLoading} error={error} />
     </main>

package/src/adapter/entry-points/console/ui/tsconfig.json

@@ -20,5 +20,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src", ".storybook"]
+  "include": ["src", ".storybook"],
+  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
 }

package/src/adapter/entry-points/console/ui/vite.config.ts

@@ -5,7 +5,7 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   root: path.resolve(__dirname),
-  base: './',
+  base: '/',
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {