github-issue-tower-defence-management 1.86.0 → 1.88.0

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

@@ -0,0 +1,58 @@
+import { Badge } from '@/components/ui/badge';
+import type { ConsoleListItem } from '../types';
+
+export type ConsoleListViewProps = {
+  items: ConsoleListItem[];
+  isLoading: boolean;
+  error: string | null;
+};
+
+export const ConsoleListView = ({
+  items,
+  isLoading,
+  error,
+}: ConsoleListViewProps) => {
+  if (error !== null) {
+    return (
+      <p role="alert" className="p-4 text-sm text-destructive">
+        Failed to load list: {error}
+      </p>
+    );
+  }
+
+  if (isLoading) {
+    return <p className="p-4 text-sm text-muted-foreground">Loading list...</p>;
+  }
+
+  if (items.length === 0) {
+    return <p className="p-4 text-sm text-muted-foreground">No items.</p>;
+  }
+
+  return (
+    <ul className="divide-y divide-border">
+      {items.map((item) => (
+        <li key={item.itemId} className="flex flex-col gap-1 p-3">
+          <div className="flex items-center gap-2">
+            <Badge variant={item.isPr ? 'default' : 'secondary'}>
+              {item.isPr ? 'PR' : 'Issue'}
+            </Badge>
+            <a
+              href={item.url}
+              className="font-medium underline-offset-2 hover:underline"
+            >
+              {item.title}
+            </a>
+            <span className="text-sm text-muted-foreground">
+              #{item.number}
+            </span>
+          </div>
+          <div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+            <span>{item.repo}</span>
+            {item.story !== '' && <span>story: {item.story}</span>}
+            <span>{new Date(item.createdAt).toISOString()}</span>
+          </div>
+        </li>
+      ))}
+    </ul>
+  );
+};

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

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { useState } from 'react';
+import type { ConsoleTabName } from '../types';
+import { ConsoleTabBar } from './ConsoleTabBar';
+
+const meta: Meta<typeof ConsoleTabBar> = {
+  title: 'Console/ConsoleTabBar',
+  component: ConsoleTabBar,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleTabBar>;
+
+export const PrsActive: Story = {
+  args: {
+    activeTab: 'prs',
+    onSelectTab: () => undefined,
+  },
+};
+
+export const TriageActive: Story = {
+  args: {
+    activeTab: 'triage',
+    onSelectTab: () => undefined,
+  },
+};
+
+export const Interactive: Story = {
+  render: () => {
+    const [activeTab, setActiveTab] = useState<ConsoleTabName>('prs');
+    return <ConsoleTabBar activeTab={activeTab} onSelectTab={setActiveTab} />;
+  },
+};

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

@@ -0,0 +1,32 @@
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+import { CONSOLE_TABS, type ConsoleTabName } from '../types';
+
+export type ConsoleTabBarProps = {
+  activeTab: ConsoleTabName;
+  onSelectTab: (tab: ConsoleTabName) => void;
+};
+
+export const ConsoleTabBar = ({
+  activeTab,
+  onSelectTab,
+}: ConsoleTabBarProps) => (
+  <nav
+    aria-label="Console tabs"
+    className="flex flex-wrap gap-1 border-b border-border p-2"
+  >
+    {CONSOLE_TABS.map((tab) => (
+      <Button
+        key={tab.name}
+        type="button"
+        size="sm"
+        variant={tab.name === activeTab ? 'default' : 'ghost'}
+        aria-current={tab.name === activeTab ? 'page' : undefined}
+        className={cn(tab.name === activeTab && 'font-semibold')}
+        onClick={() => onSelectTab(tab.name)}
+      >
+        {tab.label}
+      </Button>
+    ))}
+  </nav>
+);

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

@@ -0,0 +1,47 @@
+import type { ConsoleListItem } from './types';
+
+export const consoleListItemsFixture: ConsoleListItem[] = [
+  {
+    number: 844,
+    title: 'Add serveConsole server skeleton under entry-points',
+    url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/pull/851',
+    repo: 'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    nameWithOwner:
+      'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    projectItemId: 'PVTI_lADOABCD1234zgABCD01',
+    itemId: 'PVTI_lADOABCD1234zgABCD01',
+    isPr: true,
+    story: 'TDPM Console port',
+    labels: ['claude'],
+    createdAt: '2026-06-17T02:14:33.000Z',
+  },
+  {
+    number: 845,
+    title:
+      'Scaffold React console UI under entry-points with build bundling and minimal tab view',
+    url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/845',
+    repo: 'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    nameWithOwner:
+      'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    projectItemId: 'PVTI_lADOABCD1234zgABCD02',
+    itemId: 'PVTI_lADOABCD1234zgABCD02',
+    isPr: false,
+    story: 'TDPM Console port',
+    labels: ['claude'],
+    createdAt: '2026-06-17T05:48:09.000Z',
+  },
+  {
+    number: 778,
+    title: 'Add Sonnet to Opus weekly-limit fallback routing per token',
+    url: 'https://github.com/HiromiShikata/npm-cli-github-issue-tower-defence-management/issues/778',
+    repo: 'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    nameWithOwner:
+      'HiromiShikata/npm-cli-github-issue-tower-defence-management',
+    projectItemId: 'PVTI_lADOABCD1234zgABCD03',
+    itemId: 'PVTI_lADOABCD1234zgABCD03',
+    isPr: false,
+    story: 'regular / workflow improvement',
+    labels: [],
+    createdAt: '2026-06-12T23:01:55.000Z',
+  },
+];

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

@@ -0,0 +1,65 @@
+import { useEffect, useState } from 'react';
+import type { ConsoleListItem, ConsoleTabName } from '../types';
+import { useConsoleToken } from './useConsoleToken';
+
+const buildListUrl = (tab: ConsoleTabName): string => `./${tab}/list.json`;
+
+const extractItems = (payload: unknown): ConsoleListItem[] => {
+  if (
+    payload !== null &&
+    typeof payload === 'object' &&
+    'items' in payload &&
+    Array.isArray((payload as { items: unknown }).items)
+  ) {
+    return (payload as { items: ConsoleListItem[] }).items;
+  }
+  return [];
+};
+
+export type ConsoleListState = {
+  items: ConsoleListItem[];
+  isLoading: boolean;
+  error: string | null;
+};
+
+export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
+  const { appendToken } = useConsoleToken();
+  const [items, setItems] = useState<ConsoleListItem[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+
+    const url = appendToken(buildListUrl(tab));
+    fetch(url)
+      .then(async (response) => {
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}`);
+        }
+        return response.json();
+      })
+      .then((payload: unknown) => {
+        if (cancelled) {
+          return;
+        }
+        setItems(extractItems(payload));
+        setIsLoading(false);
+      })
+      .catch((cause: unknown) => {
+        if (cancelled) {
+          return;
+        }
+        setError(cause instanceof Error ? cause.message : String(cause));
+        setIsLoading(false);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [tab, appendToken]);
+
+  return { items, isLoading, error };
+};

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

@@ -0,0 +1,64 @@
+import { useCallback, useEffect, useState } from 'react';
+
+const CONSOLE_TOKEN_STORAGE_KEY = 'tdpm-console-token';
+
+const readTokenFromLocation = (search: string): string | null => {
+  const params = new URLSearchParams(search);
+  const tokenFromQuery = params.get('k');
+  if (tokenFromQuery !== null && tokenFromQuery !== '') {
+    return tokenFromQuery;
+  }
+  return null;
+};
+
+const readPersistedToken = (): string | null => {
+  if (typeof localStorage === 'undefined') {
+    return null;
+  }
+  const persisted = localStorage.getItem(CONSOLE_TOKEN_STORAGE_KEY);
+  return persisted !== null && persisted !== '' ? persisted : null;
+};
+
+export type ConsoleTokenState = {
+  token: string | null;
+  appendToken: (dataUrl: string) => string;
+};
+
+export const useConsoleToken = (): ConsoleTokenState => {
+  const [token, setToken] = useState<string | null>(() => {
+    const search = typeof window === 'undefined' ? '' : window.location.search;
+    return readTokenFromLocation(search) ?? readPersistedToken();
+  });
+
+  useEffect(() => {
+    if (token === null) {
+      return;
+    }
+    if (typeof localStorage !== 'undefined') {
+      localStorage.setItem(CONSOLE_TOKEN_STORAGE_KEY, token);
+    }
+  }, [token]);
+
+  useEffect(() => {
+    if (typeof window === 'undefined') {
+      return;
+    }
+    const tokenFromQuery = readTokenFromLocation(window.location.search);
+    if (tokenFromQuery !== null) {
+      setToken(tokenFromQuery);
+    }
+  }, []);
+
+  const appendToken = useCallback(
+    (dataUrl: string): string => {
+      if (token === null) {
+        return dataUrl;
+      }
+      const separator = dataUrl.includes('?') ? '&' : '?';
+      return `${dataUrl}${separator}k=${encodeURIComponent(token)}`;
+    },
+    [token],
+  );
+
+  return { token, appendToken };
+};

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

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

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

@@ -0,0 +1,69 @@
+export type ConsoleColor =
+  | 'GRAY'
+  | 'BLUE'
+  | 'GREEN'
+  | 'YELLOW'
+  | 'ORANGE'
+  | 'RED'
+  | 'PINK'
+  | 'PURPLE';
+
+export type ConsoleListItem = {
+  number: number;
+  title: string;
+  url: string;
+  repo: string;
+  nameWithOwner: string;
+  projectItemId: string;
+  itemId: string;
+  isPr: boolean;
+  story: string;
+  labels: string[];
+  createdAt: string;
+};
+
+export type ConsoleFieldOption = {
+  id: string;
+  name: string;
+  color: ConsoleColor;
+};
+
+export type ConsoleStatusTab = {
+  pjcode: string;
+  generatedAt: string;
+  statusOptions: ConsoleFieldOption[];
+  storyOrder: string[];
+  storyColors: Record<string, { color: ConsoleColor }>;
+  items: ConsoleListItem[];
+};
+
+export type ConsoleTriageTab = {
+  pjcode: string;
+  generatedAt: string;
+  storyOptions: ConsoleFieldOption[];
+  storyOrder: string[];
+  storyColors: Record<string, ConsoleColor>;
+  items: ConsoleListItem[];
+};
+
+export type ConsoleTabData = ConsoleStatusTab | ConsoleTriageTab;
+
+export type ConsoleTabName =
+  | 'prs'
+  | 'triage'
+  | 'unread'
+  | 'failed-preparation'
+  | 'todo-by-human';
+
+export type ConsoleTab = {
+  name: ConsoleTabName;
+  label: string;
+};
+
+export const CONSOLE_TABS: ConsoleTab[] = [
+  { name: 'prs', label: 'Awaiting Quality Check' },
+  { name: 'triage', label: 'Triage' },
+  { name: 'unread', label: 'Unread' },
+  { name: 'failed-preparation', label: 'Failed Preparation' },
+  { name: 'todo-by-human', label: 'Todo By Human' },
+];

package/src/adapter/entry-points/console/ui/src/index.css

@@ -0,0 +1,31 @@
+@import "tailwindcss";
+
+@theme {
+  --color-border: hsl(0 0% 89.8%);
+  --color-input: hsl(0 0% 89.8%);
+  --color-ring: hsl(0 0% 3.9%);
+  --color-background: hsl(0 0% 100%);
+  --color-foreground: hsl(0 0% 3.9%);
+  --color-primary: hsl(0 0% 9%);
+  --color-primary-foreground: hsl(0 0% 98%);
+  --color-secondary: hsl(0 0% 96.1%);
+  --color-secondary-foreground: hsl(0 0% 9%);
+  --color-muted: hsl(0 0% 96.1%);
+  --color-muted-foreground: hsl(0 0% 45.1%);
+  --color-accent: hsl(0 0% 96.1%);
+  --color-accent-foreground: hsl(0 0% 9%);
+  --color-destructive: hsl(0 84.2% 60.2%);
+  --color-destructive-foreground: hsl(0 0% 98%);
+  --color-card: hsl(0 0% 100%);
+  --color-card-foreground: hsl(0 0% 3.9%);
+  --radius: 0.5rem;
+}
+
+body {
+  margin: 0;
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  font-family:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Helvetica, Arial, sans-serif;
+}

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

@@ -0,0 +1,4 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));

package/src/adapter/entry-points/console/ui/src/main.tsx

@@ -0,0 +1,15 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { ConsolePage } from '@/features/console/pages/ConsolePage';
+import './index.css';
+
+const container = document.getElementById('root');
+if (container === null) {
+  throw new Error('Root container #root not found');
+}
+
+createRoot(container).render(
+  <StrictMode>
+    <ConsolePage />
+  </StrictMode>,
+);

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

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

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

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src", ".storybook"]
+}

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

@@ -0,0 +1,19 @@
+import path from 'node:path';
+import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  root: path.resolve(__dirname),
+  base: './',
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+  build: {
+    outDir: path.resolve(__dirname, '../ui-dist'),
+    emptyOutDir: true,
+  },
+});

package/src/adapter/entry-points/console/ui-dist/assets/index-DFxrSRH4.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);--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-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-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}