@aiquants/daily-report 0.1.1 → 0.3.0

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

@@ -13,6 +13,7 @@ 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,
@@ -504,7 +505,7 @@ const DailyReportSidePane = ({
 }) => {
     const [activeTab, setActiveTab] = useState<DailyReportSidePaneTab>("article")
     const [isEditing, setIsEditing] = useState(false)
-    const { draftLabelName, fieldLabels } = useDailyReportConfig()
+    const { draftLabelName, fieldLabels, sourceTypeConfigs } = useDailyReportConfig()
     const { report, error, isLoading } = useDailyReportDetail(selectedItem?.reportHubId ?? -1, selectedItem?.businessDate ?? null)
 
     const scrollContainerRef = useRef<HTMLDivElement>(null)
@@ -570,6 +571,11 @@ const DailyReportSidePane = ({
                 <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
+                    })()}
                 </div>
             </div>
             <Tabs value={activeTab} onValueChange={(v) => setActiveTab(v as DailyReportSidePaneTab)} className="flex min-h-0 flex-1 flex-col">
@@ -904,6 +910,7 @@ 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)
@@ -989,6 +996,11 @@ 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,6 +38,11 @@ export type DailyReportFieldLabels = {
     relationsEmpty: string
 }
 
+export type SourceTypeConfig = {
+    label: string
+    badgeClassName?: string
+}
+
 /** クライアント層の設定一式。 */
 export type DailyReportClientConfig = {
     /** 画面タイトル (ヘッダーへ渡す)。 */
@@ -50,6 +55,8 @@ export type DailyReportClientConfig = {
     draftLabelName: string
     /** 詳細/一覧カードのフィールド見出しラベル。既定は中立英語。アプリが自ドメインの表記を注入する。 */
     fieldLabels: DailyReportFieldLabels
+    /** 外部ソース区分ごとのバッジ表示設定。 */
+    sourceTypeConfigs?: Record<string, SourceTypeConfig>
     /** ヘッダー描画スロット。アプリのヘッダーコンポーネントを差し込む。 */
     renderHeader: (props: DailyReportHeaderProps) => ReactNode
     /** 開発向けコントロール (SSE 購読トグル等) を表示するか。 */
@@ -62,6 +69,7 @@ export type DailyReportClientConfig = {
  */
 export type DailyReportClientConfigInput = Partial<Omit<DailyReportClientConfig, "fieldLabels">> & {
     fieldLabels?: Partial<DailyReportFieldLabels>
+    sourceTypeConfigs?: Record<string, SourceTypeConfig>
 }
 
 /** 中立英語のフィールドラベル既定 (ドメイン非依存)。 */
@@ -94,6 +102,7 @@ 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,6 +703,7 @@ 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/service.ts

@@ -326,6 +326,7 @@ 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),
@@ -1034,6 +1035,7 @@ 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,6 +39,7 @@ 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,6 +46,7 @@ export type DailyReportDetail = {
     createdAt: string | null
     author: string
     userId: string
+    sourceType: string | null
     employeeName: string | null
     updatedBy: string | null
     updatedAt: string | null