@aiquants/daily-report 0.3.1 → 0.4.0

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@aiquants/daily-report",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Reusable daily-report feature package: shared types/schemas, React (Router v7) UI with virtual scrolling + optimistic updates + SSE sync, and a drizzle (mssql) server layer with DI ports (auth, user resolution, redis, external sources).",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -21,7 +23,8 @@
       "types": "./dist/server.d.ts",
       "import": "./dist/server.mjs",
       "require": "./dist/server.js"
-    }
+    },
+    "./styles/daily-report.standalone.css": "./dist/styles/daily-report.standalone.css"
   },
   "files": [
     "dist",
@@ -52,6 +55,7 @@
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^25.9.1",
@@ -62,12 +66,14 @@
     "react-dom": "^19.2.7",
     "react-router": "^7.13.0",
     "rimraf": "^6.1.2",
+    "tailwindcss": "^4.1.18",
+    "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.1.8",
     "zod": "^3.25.76",
-    "@aiquants/swipe-overlay": "1.2.3",
-    "@aiquants/virtualscroll": "1.18.3"
+    "@aiquants/swipe-overlay": "1.2.4",
+    "@aiquants/virtualscroll": "1.19.0"
   },
   "peerDependencies": {
     "drizzle-orm": ">=1.0.0-beta.4 <2.0.0",
@@ -75,8 +81,8 @@
     "react-dom": ">=18",
     "react-router": "^7.0.0",
     "zod": ">=3.25.0 <5.0.0",
-    "@aiquants/swipe-overlay": "^1.2.3",
-    "@aiquants/virtualscroll": "^1.18.3"
+    "@aiquants/virtualscroll": "^1.19.0",
+    "@aiquants/swipe-overlay": "^1.2.4"
   },
   "peerDependenciesMeta": {
     "drizzle-orm": {
@@ -91,14 +97,16 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
-    "build:watch": "tsup --watch",
-    "dev": "tsup --watch",
+    "build": "tsup && pnpm build:css",
+    "build:css": "tailwindcss -i src/styles/standalone.entry.css -o dist/styles/daily-report.standalone.css --minify",
+    "watch:css": "tailwindcss -i src/styles/standalone.entry.css -o dist/styles/daily-report.standalone.css --minify --watch",
+    "build:watch": "tsup --watch --onSuccess \"pnpm build:css\"",
+    "dev": "tsup --watch --onSuccess \"pnpm build:css\"",
     "typecheck": "tsc --noEmit",
     "clean": "rimraf dist",
-    "publish:patch": "pnpm version patch --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
-    "publish:minor": "pnpm version minor --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
-    "publish:major": "pnpm version major --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
+    "publish:patch": "pnpm run typecheck && pnpm run --if-present test && pnpm version patch --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
+    "publish:minor": "pnpm run typecheck && pnpm run --if-present test && pnpm version minor --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
+    "publish:major": "pnpm run typecheck && pnpm run --if-present test && pnpm version major --no-git-tag-version --no-git-checks && pnpm publish --no-git-checks",
     "lint": "biome lint src/",
     "check": "biome check src/",
     "check:fix": "biome check --write src/",

package/src/client/components/daily-report-comment-item.tsx

@@ -51,7 +51,10 @@ export const DailyReportCommentItem = ({ comment, reportHubId: _reportHubId, bus
     }
 
     return (
-        <li data-comment-id={comment.id} className={cn("group relative rounded-xl border border-slate-200 bg-white p-3", comment.isMine && "border-blue-200 bg-blue-50", isDeleted && "hidden", isPendingDelete ? "z-50" : "z-0 hover:z-10")}>
+        <li
+            data-comment-id={comment.id}
+            data-deleted={isDeleted ? "true" : undefined}
+            className={cn("group relative rounded-xl border border-slate-200 bg-white p-3", comment.isMine && "border-blue-200 bg-blue-50", isDeleted && "hidden", isPendingDelete ? "z-50" : "z-0 hover:z-10")}>
             <div className="mb-1 flex items-center justify-between">
                 <div className={cn("font-semibold text-xs", resolveCommentColorClass(comment.color))}>{fallbackText(comment.authorName)}</div>
                 <div className="flex items-center gap-2">

package/src/client/components/daily-report-detail-list.tsx

@@ -19,12 +19,11 @@ import { Check, Star, Trash2 } from "lucide-react"
 import { type RefObject, useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { fallbackText, formatToIsoDate } from "../../shared/text-utils"
 import type { DailyReportDetail, DailyReportItem } from "../../shared/types"
-import { type DailyReportFieldLabels, type SourceTypeConfig, useDailyReportConfig } from "../config-context"
+import { type DailyReportFieldLabels, useDailyReportConfig } from "../config-context"
 import { useDailyReportActionContext } from "../contexts/daily-report-action-context"
 import { useDailyReportDetail, useDailyReportPrefetch } from "../hooks/use-daily-report"
 import { useDailyReportComments } from "../hooks/use-daily-report-comments"
 import { useDynamicViewportHeight } from "../hooks/use-dynamic-viewport-height"
-import { cn } from "../ui/cn"
 import { EMPTY_ITEM, FAST_SCROLL_INERTIA_OPTIONS, FAST_SCROLL_WHEEL_MULTIPLIER, PREFETCH_LOOKAHEAD, PREFETCH_MAX_DATES, VIRTUAL_SCROLL_OVERSCAN_COUNT } from "../utils/constants"
 import { BusinessDayThumbOverlay } from "./business-day-thumb-overlay"
 import { DailyReportCommentForm, DailyReportCommentList } from "./daily-report-comment-section"
@@ -120,7 +119,7 @@ export const DailyReportDetailList = ({ dailyReportItems, userId, selectedItemId
 
     useEffect(() => {
         if (virtualScrollRef.current) {
-            const el = document.querySelector(".test-daily-report-detail-list")
+            const el = document.querySelector('[data-testid="daily-report-detail-list"]')
             if (el) {
                 const handle = virtualScrollRef.current
                 const extendedHandle: DailyReportVirtualScrollHandle = Object.assign({}, handle, {
@@ -185,8 +184,8 @@ export const DailyReportDetailList = ({ dailyReportItems, userId, selectedItemId
         const container = scrollContainerRef.current
         if (!container) return
 
-        if (!container.classList.contains("is-scrolling")) {
-            container.classList.add("is-scrolling")
+        if (container.dataset.scrolling !== "true") {
+            container.dataset.scrolling = "true"
         }
 
         if (scrollEndTimerRef.current) {
@@ -195,7 +194,7 @@ export const DailyReportDetailList = ({ dailyReportItems, userId, selectedItemId
 
         scrollEndTimerRef.current = setTimeout(() => {
             if (container) {
-                container.classList.remove("is-scrolling")
+                delete container.dataset.scrolling
             }
             scrollEndTimerRef.current = null
         }, 150)
@@ -306,7 +305,8 @@ export const DailyReportDetailList = ({ dailyReportItems, userId, selectedItemId
                     }}
                     onRangeChange={handleRangeChange}
                     onScroll={handleScroll}
-                    className="t-detail-list test-daily-report-detail-list relative w-full">
+                    testId="daily-report-detail-list"
+                    className="relative w-full">
                     {renderItem}
                 </VirtualScroll>
             </div>
@@ -439,7 +439,6 @@ const DailyReportHeader = ({
     visitTimeDisplay,
     categoryLabel,
     fieldLabels,
-    sourceTypeConfigs,
 }: {
     report: DailyReportDetail
     isRead: boolean
@@ -451,22 +450,8 @@ const DailyReportHeader = ({
     visitTimeDisplay: string
     categoryLabel: string
     fieldLabels: DailyReportFieldLabels
-    sourceTypeConfigs?: Record<string, SourceTypeConfig>
 }) => (
     <div className="flex flex-wrap items-center gap-2 font-medium text-slate-600 text-xs">
-        {(() => {
-            const sourceType = report.sourceType
-            const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
-            return sourceConfig ? <span className={cn("inline-flex items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
-        })()}
-        <button
-            type="button"
-            onClick={onToggleStar}
-            className="flex h-6 w-6 items-center justify-center rounded-full transition-colors hover:bg-slate-200 focus:outline-none dark:hover:bg-slate-700"
-            title={isStarred ? "スターを外す" : "スターを付ける"}
-            data-detail-star-button={report.reportHubId}>
-            {isStarred ? <Star className="h-3.5 w-3.5 fill-yellow-400 text-yellow-400" /> : <Star className="h-3.5 w-3.5 text-slate-300 dark:text-slate-500" />}
-        </button>
         <button
             type="button"
             onClick={onToggleRead}
@@ -475,6 +460,14 @@ const DailyReportHeader = ({
             data-detail-read-button={report.reportHubId}>
             {isRead ? <Check className="h-3.5 w-3.5 text-blue-500" /> : <UnreadIndicator className="text-xs" />}
         </button>
+        <button
+            type="button"
+            onClick={onToggleStar}
+            className="flex h-6 w-6 items-center justify-center rounded-full transition-colors hover:bg-slate-200 focus:outline-none dark:hover:bg-slate-700"
+            title={isStarred ? "スターを外す" : "スターを付ける"}
+            data-detail-star-button={report.reportHubId}>
+            {isStarred ? <Star className="h-3.5 w-3.5 fill-yellow-400 text-yellow-400" /> : <Star className="h-3.5 w-3.5 text-slate-300 dark:text-slate-500" />}
+        </button>
         {isMine && (
             <button type="button" onClick={onDelete} data-detail-delete-button={report.reportHubId} className="text-lg leading-none transition-transform focus:outline-none active:scale-125" title="削除する">
                 <Trash2 className="h-4 w-4 text-slate-300 hover:text-red-500" />
@@ -484,7 +477,6 @@ const DailyReportHeader = ({
             <span className="text-[10px] text-blue-500 uppercase tracking-wide">{fieldLabels.id}</span>
             {report.reportHubId}
         </span>
-
         <span className="inline-flex items-center gap-1 whitespace-nowrap rounded-full bg-slate-100 px-3 py-1">
             <span className="text-[10px] text-slate-400 uppercase tracking-wide">{fieldLabels.businessDate}</span>
             {formatToIsoDate(report.date)}
@@ -560,7 +552,7 @@ const DailyReportResolvedItem = ({ item, report, onCommentAdded, userId, onDoubl
     // 表示中ユーザーはアクションコンテキストから取得する (root loader 非依存)
     const { toggleStar, toggleRead, pendingStarUpdates, pendingReadUpdates, deleteReport, user } = useDailyReportActionContext()
     const { uiComments, handleAddComment, handleDeleteComment, pendingDeleteId, setPendingDeleteId, resolvedIdMap } = useDailyReportComments(report, user, userId)
-    const { fieldLabels, sourceTypeConfigs } = useDailyReportConfig()
+    const { fieldLabels } = useDailyReportConfig()
 
     const handleAddCommentWrapper = async (content: string) => {
         await handleAddComment(content)
@@ -618,7 +610,6 @@ const DailyReportResolvedItem = ({ item, report, onCommentAdded, userId, onDoubl
                     visitTimeDisplay={visitTimeDisplay}
                     categoryLabel={categoryLabel}
                     fieldLabels={fieldLabels}
-                    sourceTypeConfigs={sourceTypeConfigs}
                 />
                 <div className="grid gap-4 md:grid-cols-[minmax(0,1fr)_240px]">
                     <div className="flex flex-col gap-4">

package/src/client/components/daily-report-list.tsx

@@ -13,7 +13,6 @@ import { useDailyReportActionContext } from "../contexts/daily-report-action-con
 import { useDailyReportDetail } from "../hooks/use-daily-report"
 import { useDailyReportComments } from "../hooks/use-daily-report-comments"
 import { useDynamicViewportHeight } from "../hooks/use-dynamic-viewport-height"
-import { cn } from "../ui/cn"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs"
 import {
     DEFAULT_ITEM_HEIGHT,
@@ -353,7 +352,7 @@ export const DailyReportList = ({ dailyReportItems, initialSelectedBusinessDate
 
     useEffect(() => {
         if (virtualScrollRef.current) {
-            const el = document.querySelector(".test-daily-report-list") as (Element & { __virtualScroll?: TestableVirtualScrollHandle }) | null
+            const el = document.querySelector('[data-testid="daily-report-list"]') as (Element & { __virtualScroll?: TestableVirtualScrollHandle }) | null
             if (el) {
                 el.__virtualScroll = {
                     ...virtualScrollRef.current,
@@ -403,8 +402,8 @@ export const DailyReportList = ({ dailyReportItems, initialSelectedBusinessDate
         const container = scrollContainerRef.current
         if (!container) return
 
-        if (!container.classList.contains("is-scrolling")) {
-            container.classList.add("is-scrolling")
+        if (container.dataset.scrolling !== "true") {
+            container.dataset.scrolling = "true"
         }
 
         if (scrollEndTimerRef.current) {
@@ -413,7 +412,7 @@ export const DailyReportList = ({ dailyReportItems, initialSelectedBusinessDate
 
         scrollEndTimerRef.current = setTimeout(() => {
             if (container) {
-                container.classList.remove("is-scrolling")
+                delete container.dataset.scrolling
             }
             scrollEndTimerRef.current = null
         }, 150)
@@ -445,7 +444,8 @@ export const DailyReportList = ({ dailyReportItems, initialSelectedBusinessDate
                         onScroll={handleScroll}
                         onItemFocus={handleItemFocus}
                         contentInsets={{ top: ITEM_VERTICAL_PADDING, bottom: ITEM_VERTICAL_PADDING }}
-                        className="test-daily-report-list relative w-full">
+                        testId="daily-report-list"
+                        className="relative w-full">
                         {(item) => <ListReportItem key={item.reportHubId} item={item} isActive={item.reportHubId === selectedReportHubId} onSelect={handleItemSelect} />}
                     </VirtualScroll>
                 </div>
@@ -467,7 +467,7 @@ export const DailyReportList = ({ dailyReportItems, initialSelectedBusinessDate
  */
 const ListSkeletonItem = () => (
     <div className="px-2 pb-3" style={{ height: ITEM_CONTAINER_HEIGHT }}>
-        <div className="flex h-full animate-pulse flex-col justify-between rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
+        <div data-skeleton className="flex h-full animate-pulse flex-col justify-between rounded-2xl border border-slate-200 bg-white p-4 shadow-sm dark:border-slate-700 dark:bg-slate-900/70">
             <div className="mb-3 flex flex-wrap items-center gap-3">
                 <div className="h-4 w-24 rounded bg-slate-200"></div>
                 <div className="h-4 w-24 rounded bg-slate-200"></div>
@@ -505,7 +505,7 @@ const DailyReportSidePane = ({
 }) => {
     const [activeTab, setActiveTab] = useState<DailyReportSidePaneTab>("article")
     const [isEditing, setIsEditing] = useState(false)
-    const { draftLabelName, fieldLabels, sourceTypeConfigs } = useDailyReportConfig()
+    const { draftLabelName, fieldLabels } = useDailyReportConfig()
     const { report, error, isLoading } = useDailyReportDetail(selectedItem?.reportHubId ?? -1, selectedItem?.businessDate ?? null)
 
     const scrollContainerRef = useRef<HTMLDivElement>(null)
@@ -570,12 +570,7 @@ const DailyReportSidePane = ({
                 <div className="text-slate-900 text-sm dark:text-slate-100">{headerDate}</div>
                 <div className="flex min-h-4 items-center gap-1 text-slate-500 text-xs dark:text-slate-300">
                     <span>{fieldLabels.author}:</span>
-                    {showHeaderSkeleton ? <div className="h-3 w-24 animate-pulse rounded bg-slate-200 dark:bg-slate-700" /> : <span>{headerCreator}</span>}
-                    {(() => {
-                        const sourceType = report?.sourceType
-                        const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
-                        return sourceConfig ? <span className={cn("ml-2 inline-flex shrink-0 items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
-                    })()}
+                    {showHeaderSkeleton ? <div data-skeleton className="h-3 w-24 animate-pulse rounded bg-slate-200 dark:bg-slate-700" /> : <span>{headerCreator}</span>}
                 </div>
             </div>
             <Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as DailyReportSidePaneTab)} className="flex min-h-0 flex-1 flex-col">
@@ -622,14 +617,18 @@ const DailyReportSidePane = ({
     // If rendered as a standalone pane (desktop)
     if (dailyReportItems) {
         return (
-            <aside data-report-id={selectedItem?.reportHubId} className="test-daily-report-side-pane hidden min-h-0 min-w-0 flex-1 flex-col gap-3 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm sm:flex dark:border-slate-700 dark:bg-slate-900/70" style={heightStyle}>
+            <aside
+                data-testid="daily-report-side-pane"
+                data-report-id={selectedItem?.reportHubId}
+                className="hidden min-h-0 min-w-0 flex-1 flex-col gap-3 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm sm:flex dark:border-slate-700 dark:bg-slate-900/70"
+                style={heightStyle}>
                 {content}
             </aside>
         )
     }
     // If rendered inside mobile overlay
     return (
-        <div data-report-id={selectedItem?.reportHubId} className="test-daily-report-side-pane flex min-h-0 flex-1 flex-col gap-3 overflow-hidden">
+        <div data-testid="daily-report-side-pane" data-report-id={selectedItem?.reportHubId} className="flex min-h-0 flex-1 flex-col gap-3 overflow-hidden">
             {content}
         </div>
     )
@@ -728,7 +727,7 @@ const DailyReportDisplayPane = ({
     const isMine = !!(userId && report?.userId === userId)
     const hasComments = uiComments.length > 0
 
-    const SkeletonText = ({ className = "w-32" }: { className?: string }) => <div className={`h-4 animate-pulse rounded bg-slate-200 dark:bg-slate-700 ${className}`} />
+    const SkeletonText = ({ className = "w-32" }: { className?: string }) => <div data-skeleton className={`h-4 animate-pulse rounded bg-slate-200 dark:bg-slate-700 ${className}`} />
 
     return (
         // biome-ignore lint/a11y/noStaticElementInteractions: Double click to edit feature
@@ -910,7 +909,6 @@ const extractPreviewLines = (content: string | null): string[] => {
 const ListReportItem = ({ item, isActive, onSelect }: { item: DailyReportItem; isActive: boolean; onSelect: (id: number) => void }) => {
     const { report, error, isLoading, isRefetching } = useDailyReportDetail(item.reportHubId, item.businessDate)
     const { toggleStar, toggleRead, removeStaleItem } = useDailyReportActionContext()
-    const { sourceTypeConfigs } = useDailyReportConfig()
 
     // フェッチが一度でも試行されたかを追跡する ref
     const hasEverFetched = useRef(false)
@@ -980,7 +978,7 @@ const ListReportItem = ({ item, isActive, onSelect }: { item: DailyReportItem; i
             {/* biome-ignore lint/a11y/useSemanticElements: Card contains nested interactive elements (Star/Read buttons) */}
             <div
                 data-daily-report-button={item.reportHubId}
-                className={`flex h-full w-full in-[.is-scrolling]:transform-none cursor-pointer select-none flex-col rounded-2xl border in-[.is-scrolling]:border-slate-200 bg-white p-4 text-left in-[.is-scrolling]:shadow-sm shadow-sm in-[.is-scrolling]:transition-none transition-all duration-200 hover:-translate-y-0.5 hover:border-blue-300 hover:shadow-lg dark:bg-slate-900/70 ${
+                className={`flex h-full w-full in-[[data-scrolling]]:transform-none cursor-pointer select-none flex-col rounded-2xl border in-[[data-scrolling]]:border-slate-200 bg-white p-4 text-left in-[[data-scrolling]]:shadow-sm shadow-sm in-[[data-scrolling]]:transition-none transition-all duration-200 hover:-translate-y-0.5 hover:border-blue-300 hover:shadow-lg dark:bg-slate-900/70 ${
                     isActive ? "border-blue-300 shadow-md ring-2 ring-blue-200 dark:border-blue-500/70 dark:ring-blue-500/40" : "border-slate-200 dark:border-slate-700"
                 }`}
                 style={{ touchAction: "manipulation" }}
@@ -996,11 +994,6 @@ const ListReportItem = ({ item, isActive, onSelect }: { item: DailyReportItem; i
                         <span className="truncate font-medium text-slate-900 dark:text-slate-100">{creator}</span>
                     </span>
                     <div className="ml-auto flex items-center gap-1.5">
-                        {(() => {
-                            const sourceType = report?.sourceType
-                            const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
-                            return sourceConfig ? <span className={cn("inline-flex shrink-0 items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
-                        })()}
                         <button
                             type="button"
                             title={report.isStarred ? "スターを外す" : "スターを付ける"}

package/src/client/config-context.tsx

@@ -38,11 +38,6 @@ export type DailyReportFieldLabels = {
     relationsEmpty: string
 }
 
-export type SourceTypeConfig = {
-    label: string
-    badgeClassName?: string
-}
-
 /** クライアント層の設定一式。 */
 export type DailyReportClientConfig = {
     /** 画面タイトル (ヘッダーへ渡す)。 */
@@ -55,8 +50,6 @@ export type DailyReportClientConfig = {
     draftLabelName: string
     /** 詳細/一覧カードのフィールド見出しラベル。既定は中立英語。アプリが自ドメインの表記を注入する。 */
     fieldLabels: DailyReportFieldLabels
-    /** 外部ソース区分ごとのバッジ表示設定。 */
-    sourceTypeConfigs?: Record<string, SourceTypeConfig>
     /** ヘッダー描画スロット。アプリのヘッダーコンポーネントを差し込む。 */
     renderHeader: (props: DailyReportHeaderProps) => ReactNode
     /** 開発向けコントロール (SSE 購読トグル等) を表示するか。 */
@@ -69,7 +62,6 @@ export type DailyReportClientConfig = {
  */
 export type DailyReportClientConfigInput = Partial<Omit<DailyReportClientConfig, "fieldLabels">> & {
     fieldLabels?: Partial<DailyReportFieldLabels>
-    sourceTypeConfigs?: Record<string, SourceTypeConfig>
 }
 
 /** 中立英語のフィールドラベル既定 (ドメイン非依存)。 */
@@ -102,7 +94,6 @@ export const defaultDailyReportClientConfig: DailyReportClientConfig = {
     // 中立プレースホルダー。実運用のラベル名 (アプリ固有) は Provider / config prop で上書きする。
     draftLabelName: "draft",
     fieldLabels: defaultDailyReportFieldLabels,
-    sourceTypeConfigs: {},
     renderHeader: ({ title, annotation }) => (
         <header className="flex flex-wrap items-baseline justify-between gap-2 px-2 py-1">
             <span className="text-nowrap text-slate-700 text-sm dark:text-slate-200">{title}</span>

package/src/client/contexts/daily-report-action-context.tsx

@@ -703,7 +703,6 @@ export const DailyReportActionProvider = ({ children, user, initialItems = [], u
             createdAt: now,
             author: getUserDisplayName(user),
             userId: user?.id ?? "unknown",
-            sourceType: "Internal",
             employeeName: getUserDisplayName(user),
             updatedBy: getUserDisplayName(user),
             updatedAt: now,

package/src/server/cache.ts

@@ -123,10 +123,6 @@ export class SqlResultCache {
                 // キャッシュ保存時に現在の epoch を記録
                 const epoch = opts.epochKey ? await this.epochStore.getEpoch(opts.epochKey) : 0
                 this.buckets.set(cacheKey, { records, expireAt, epoch })
-                // 蓄積防止のため、サイズが一定値を超えたら期限切れキャッシュを一括クリーンアップ
-                if (this.buckets.size > 500) {
-                    this.cleanExpired()
-                }
             }
             return records
         })()
@@ -166,18 +162,4 @@ export class SqlResultCache {
             }
         }
     }
-
-    /**
-     * Cleans up all expired cache buckets to prevent memory accumulation.
-     * メモリー蓄積を防ぐため、期限切れのキャッシュバケットをすべてクリーンアップする処理。
-     */
-    private cleanExpired(): void {
-        const now = Date.now()
-        // 期限切れのキーを削除
-        for (const [key, bucket] of this.buckets.entries()) {
-            if (bucket.expireAt <= now) {
-                this.buckets.delete(key)
-            }
-        }
-    }
 }

package/src/server/service.ts

@@ -326,7 +326,6 @@ export function createDailyReportService(config: DailyReportServiceConfig) {
             date: formatDateValue(hub.businessDate, "YYYY-MM-DD"),
             author: row.creatorName ?? maskAuditActor(hub.createdBy) ?? "",
             userId: hub.userId ? encodeUserId(hub.userId) : "",
-            sourceType: hub.sourceType ?? "Internal",
             createdAt: formatDateValue(hub.createdAt, "YYYY-MM-DD HH:mm:ss"),
             updatedAt: formatDateValue(hub.updatedAt, "YYYY-MM-DD HH:mm:ss"),
             updatedBy: maskAuditActor(hub.updatedBy),
@@ -1035,7 +1034,6 @@ export function createDailyReportService(config: DailyReportServiceConfig) {
                     createdAt: formatDateValue(hub.createdAt, "YYYY-MM-DD HH:mm:ss"),
                     author: userName,
                     userId: encodeUserId(userId),
-                    sourceType: "Internal",
                     employeeName: userName,
                     // 監査列と同様、クライアント公開時は生内部 ID を難読化する (mapHubRecord と整合)
                     updatedBy: encodeUserId(userId),

package/src/shared/sse-schema.ts

@@ -39,7 +39,6 @@ export const dailyReportDetailSchema = z.object({
     createdAt: z.string().nullable(),
     author: z.string(),
     userId: z.string(),
-    sourceType: z.string().nullable(),
     employeeName: z.string().nullable(),
     updatedBy: z.string().nullable(),
     updatedAt: z.string().nullable(),

package/src/shared/types.ts

@@ -46,7 +46,6 @@ export type DailyReportDetail = {
     createdAt: string | null
     author: string
     userId: string
-    sourceType: string | null
     employeeName: string | null
     updatedBy: string | null
     updatedAt: string | null

package/src/styles/standalone.entry.css

@@ -0,0 +1,51 @@
+/*! @aiquants/daily-report standalone CSS — 非 Tailwind ホスト専用。ホストの Tailwind ビルドと混在させないこと */
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+/* source(none): 自動ソース検出を無効化し、src 外のクラス混入を防ぐ */
+@import "tailwindcss/utilities.css" layer(utilities) source(none);
+/*
+ * virtualscroll の CSS は同梱しない: ホスト側で import 済みの新しいコピーを、
+ * ここに焼き込んだ古いコピーが後勝ちで上書きする事故 (stale-copy-wins) を防ぐため。
+ * ホストアプリは @aiquants/virtualscroll/styles/virtualscroll.css を自前で import すること。
+ */
+@source "../**/*.{ts,tsx}";
+
+/* JSX は .dark クラス切替の dark: バリアントを使うため、ホストアプリと同じ定義が必要 */
+@plugin "tailwindcss-animate";
+@custom-variant dark (&:where(.dark, .dark *));
+
+/*
+ * ホストアプリ (quants-react-router) の @theme と同じトークン定義を複製する。
+ * bg-background / text-muted-foreground などのセマンティックトークンは
+ * Tailwind 既定テーマに存在しないため、定義しないとユーティリティ自体が生成されない。
+ * 値はホストの CSS 変数 (--background 等) を参照し、実行時にホスト側で解決される。
+ */
+@theme {
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --breakpoint-sm: 640px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 1024px;
+  --breakpoint-xl: 1280px;
+  --breakpoint-2xl: 1536px;
+  --radius-lg: var(--radius, 0.5rem);
+  --radius-md: calc(var(--radius, 0.5rem) - 2px);
+  --radius-sm: calc(var(--radius, 0.5rem) - 4px);
+}

package/src/server/cache.spec.ts

@@ -1,47 +0,0 @@
-import { describe, expect, it, vi } from "vitest"
-import { createEpochStore, SqlResultCache } from "./cache"
-
-describe("SqlResultCache Memory Cleanup", () => {
-    it("should clean up expired cache entries when map size exceeds 500", async () => {
-        // Mock epoch store
-        const epochStore = createEpochStore(undefined)
-        vi.spyOn(epochStore, "getEpoch").mockResolvedValue(0)
-
-        const cache = new SqlResultCache({ defaultTtlMs: 1000 }, epochStore)
-
-        // 1. 期限切れのキャッシュを 500 件作成 (expireAt を過去に設定)
-        // 直接プライベートフィールド buckets に流し込むことでモック状態を作る
-        const buckets = (cache as any).buckets
-        for (let i = 0; i < 505; i++) {
-            buckets.set(`expired-key-${i}`, {
-                records: [i],
-                expireAt: Date.now() - 1000, // 過去時間
-                epoch: 0,
-            })
-        }
-
-        // 2. 有効なキャッシュを 10 件作成 (expireAt を未来に設定)
-        for (let i = 0; i < 10; i++) {
-            buckets.set(`valid-key-${i}`, {
-                records: [i],
-                expireAt: Date.now() + 100000, // 未来時間
-                epoch: 0,
-            })
-        }
-
-        expect(buckets.size).toBe(515)
-
-        // 3. getOrFetch を実行して 500 件超えの閾値トリガーを引く
-        const fetcher = vi.fn().mockResolvedValue(["new-value"])
-        await cache.getOrFetch({
-            cacheKey: "trigger-key",
-            fetcher,
-        })
-
-        // 4. 検証: 期限切れの 505 件のデータが cleanExpired で削除され、有効な 10 件 + 新規の 1 件のみ残っていること
-        expect(buckets.size).toBe(11) // 10 (valid) + 1 (trigger-key)
-        expect(buckets.has("trigger-key")).toBe(true)
-        expect(buckets.has("valid-key-0")).toBe(true)
-        expect(buckets.has("expired-key-0")).toBe(false)
-    })
-})