chore: test deploy snapshot

2026-05-28 15:47:24 +09:00
parent bb275c0534
commit b1bec9cb6f
7 changed files with 253 additions and 60 deletions
--- a/src/app/main/mainChatPanel/chatResourceUrl.ts
+++ b/src/app/main/mainChatPanel/chatResourceUrl.ts
@@ -6,6 +6,20 @@ const CHAT_PUBLIC_DOT_CODEX_MARKER = '/public/.codex_chat/';
 const RESOURCE_MANAGER_PREVIEW_MARKER = '/api/resource-manager/preview/';
 const RESOURCE_MANAGER_ROOT_MARKER = 'resource/';

+function buildCanonicalChatApiResourcePath(relativePath: string) {
+  const normalizedRelativePath = String(relativePath ?? '').trim().replace(/^\/+/, '');
+
+  if (!normalizedRelativePath) {
+    return '';
+  }
+
+  if (normalizedRelativePath.startsWith('.codex_chat/')) {
+    return `${CHAT_API_RESOURCE_MARKER}${normalizedRelativePath}`;
+  }
+
+  return `${CHAT_API_RESOURCE_MARKER}.codex_chat/${normalizedRelativePath}`;
+}
+
 function normalizeUrlFragmentValue(value: string) {
  const normalized = String(value ?? '').trim().replace(/^#+/, '');

@@ -154,20 +168,20 @@ function extractEmbeddedResourcePath(value: string) {
    const apiPath = normalized.slice(apiMarkerIndex);
    const dotCodexIndex = apiPath.indexOf(CHAT_DOT_CODEX_MARKER);
    return dotCodexIndex >= 0
-      ? `${CHAT_API_RESOURCE_MARKER}${apiPath.slice(dotCodexIndex + 1)}`
+      ? buildCanonicalChatApiResourcePath(apiPath.slice(dotCodexIndex + 1))
      : apiPath;
  }

  const publicDotCodexIndex = normalized.lastIndexOf(CHAT_PUBLIC_DOT_CODEX_MARKER);

  if (publicDotCodexIndex >= 0) {
-    return `${CHAT_API_RESOURCE_MARKER}${normalized.slice(publicDotCodexIndex + 8)}`;
+    return buildCanonicalChatApiResourcePath(normalized.slice(publicDotCodexIndex + 8));
  }

  const dotCodexIndex = normalized.lastIndexOf(CHAT_DOT_CODEX_MARKER);

  if (dotCodexIndex >= 0) {
-    return `${CHAT_API_RESOURCE_MARKER}${normalized.slice(dotCodexIndex + 1)}`;
+    return buildCanonicalChatApiResourcePath(normalized.slice(dotCodexIndex + 1));
  }

  if (normalized === 'resource' || normalized === '/resource' || normalized.startsWith('resource/') || normalized.includes('/resource/')) {
@@ -197,11 +211,11 @@ function extractKnownPreviewPath(value: string) {
    }

    if (pathname.startsWith(CHAT_PUBLIC_DOT_CODEX_MARKER)) {
-      return `${CHAT_API_RESOURCE_MARKER}${pathname.slice(CHAT_PUBLIC_DOT_CODEX_MARKER.length)}`;
+      return buildCanonicalChatApiResourcePath(pathname.slice(CHAT_PUBLIC_DOT_CODEX_MARKER.length));
    }

    if (pathname.startsWith(CHAT_DOT_CODEX_MARKER)) {
-      return `${CHAT_API_RESOURCE_MARKER}${pathname.slice(CHAT_DOT_CODEX_MARKER.length)}`;
+      return buildCanonicalChatApiResourcePath(pathname.slice(CHAT_DOT_CODEX_MARKER.length));
    }

    return normalized;
--- a/src/app/main/mainChatPanel/messageParts.ts
+++ b/src/app/main/mainChatPanel/messageParts.ts
@@ -19,6 +19,20 @@ const CHAT_DOT_CODEX_MARKER = '/.codex_chat/';
 const CHAT_PUBLIC_DOT_CODEX_MARKER = '/public/.codex_chat/';
 const RESOURCE_MANAGER_PREVIEW_MARKER = '/api/resource-manager/preview/';
 const RESOURCE_MANAGER_ROOT_MARKER = 'resource/';
+
+function buildCanonicalChatApiResourcePath(relativePath: string) {
+  const normalizedRelativePath = normalizeText(relativePath).replace(/^\/+/, '');
+
+  if (!normalizedRelativePath) {
+    return '';
+  }
+
+  if (normalizedRelativePath.startsWith('.codex_chat/')) {
+    return `${CHAT_API_RESOURCE_MARKER}${normalizedRelativePath}`;
+  }
+
+  return `${CHAT_API_RESOURCE_MARKER}.codex_chat/${normalizedRelativePath}`;
+}
 type PromptPart = Extract<ChatMessagePart, { type: 'prompt' }>;
 type PromptOption = PromptPart['options'][number];
 type PromptPreview = NonNullable<PromptOption['preview']>;
@@ -174,11 +188,11 @@ function extractKnownPreviewPath(value: string) {
    }

    if (pathname.startsWith(CHAT_PUBLIC_DOT_CODEX_MARKER)) {
-      return `${CHAT_API_RESOURCE_MARKER}${pathname.slice(CHAT_PUBLIC_DOT_CODEX_MARKER.length)}`;
+      return buildCanonicalChatApiResourcePath(pathname.slice(CHAT_PUBLIC_DOT_CODEX_MARKER.length));
    }

    if (pathname.startsWith(CHAT_DOT_CODEX_MARKER)) {
-      return `${CHAT_API_RESOURCE_MARKER}${pathname.slice(CHAT_DOT_CODEX_MARKER.length)}`;
+      return buildCanonicalChatApiResourcePath(pathname.slice(CHAT_DOT_CODEX_MARKER.length));
    }

    return normalized;
@@ -210,18 +224,18 @@ function normalizeUrl(value: string) {
    const apiPath = normalized.slice(apiMarkerIndex);
    const dotCodexIndex = apiPath.indexOf(CHAT_DOT_CODEX_MARKER);
    return dotCodexIndex >= 0
-      ? `${CHAT_API_RESOURCE_MARKER}${apiPath.slice(dotCodexIndex + 1)}`
+      ? buildCanonicalChatApiResourcePath(apiPath.slice(dotCodexIndex + 1))
      : apiPath;
  }

  const publicDotCodexIndex = normalized.lastIndexOf(CHAT_PUBLIC_DOT_CODEX_MARKER);
  if (publicDotCodexIndex >= 0) {
-    return `${CHAT_API_RESOURCE_MARKER}${normalized.slice(publicDotCodexIndex + 8)}`;
+    return buildCanonicalChatApiResourcePath(normalized.slice(publicDotCodexIndex + 8));
  }

  const dotCodexIndex = normalized.lastIndexOf(CHAT_DOT_CODEX_MARKER);
  if (dotCodexIndex >= 0) {
-    return `${CHAT_API_RESOURCE_MARKER}${normalized.slice(dotCodexIndex + 1)}`;
+    return buildCanonicalChatApiResourcePath(normalized.slice(dotCodexIndex + 1));
  }

  if (normalized === 'resource' || normalized === '/resource' || normalized.startsWith('resource/') || normalized.includes('/resource/')) {
--- a/src/app/main/pages/ChatSharePage.css
+++ b/src/app/main/pages/ChatSharePage.css
@@ -1658,6 +1658,7 @@
  border-radius: 999px;
  color: rgba(30, 41, 59, 0.92);
  background: rgba(226, 232, 240, 0.72);
+  flex: 0 0 auto;
 }

 .chat-share-page__process-inspector-sections {
@@ -1673,8 +1674,9 @@

 .chat-share-page__process-inspector-section {
  display: grid;
-  gap: 6px;
+  gap: 8px;
  min-height: 0;
+  align-content: start;
 }

 .chat-share-page__process-inspector-section--checklist,
@@ -1695,6 +1697,14 @@
  flex-wrap: wrap;
 }

+.chat-share-page__process-inspector-section-head-actions {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
+  min-width: 0;
+}
+
 .chat-share-page__process-inspector-checklist,
 .chat-share-page__process-inspector-narratives,
 .chat-share-page__process-inspector-log {
@@ -1797,6 +1807,7 @@
@media (max-width: 960px) {
  .chat-share-page__process-inspector {
    width: min(100vw - 16px, 720px);
+    max-height: min(100dvh - 16px, 760px);
  }

  .chat-share-page__process-inspector-sections {
@@ -1811,6 +1822,88 @@
  }
 }

+@media (max-width: 640px) {
+  .chat-share-page__process-inspector {
+    width: calc(100vw - 12px);
+    max-height: calc(100dvh - 12px);
+    border-radius: 18px;
+  }
+
+  .chat-share-page__process-inspector-drag {
+    align-items: flex-start;
+    padding: 12px;
+  }
+
+  .chat-share-page__process-inspector-drag-copy {
+    width: 100%;
+  }
+
+  .chat-share-page__process-inspector-window-actions {
+    flex: 0 0 auto;
+  }
+
+  .chat-share-page__process-inspector-summary {
+    gap: 10px;
+    padding: 12px;
+  }
+
+  .chat-share-page__process-inspector-sections {
+    gap: 14px;
+    padding: 12px;
+  }
+
+  .chat-share-page__process-inspector-summary-head,
+  .chat-share-page__process-inspector-section-head {
+    align-items: flex-start;
+  }
+
+  .chat-share-page__process-inspector-section-head {
+    gap: 10px;
+  }
+
+  .chat-share-page__process-inspector-section-head .ant-typography {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .chat-share-page__process-inspector-section-head-actions {
+    align-self: stretch;
+  }
+
+  .chat-share-page__process-inspector-table-row,
+  .chat-share-page__process-inspector-narrative {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 4px;
+    padding: 10px;
+  }
+
+  .chat-share-page__process-inspector-check-item {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 6px;
+    align-items: start;
+    padding: 10px;
+  }
+
+  .chat-share-page__process-inspector-check-item .ant-tag,
+  .chat-share-page__process-inspector-summary-toggle.ant-btn {
+    justify-self: flex-start;
+  }
+
+  .chat-share-page__process-inspector-summary-toggle.ant-btn {
+    margin-top: 2px;
+  }
+
+  .chat-share-page__process-inspector-log {
+    max-height: min(38dvh, 320px);
+  }
+
+  .chat-share-page__process-inspector-log-line {
+    grid-template-columns: 28px minmax(0, 1fr);
+    gap: 8px;
+    padding: 9px 10px;
+  }
+}
+
 .chat-share-page__process-inspector-minimized {
  display: flex;
  align-items: flex-start;
--- a/src/app/main/pages/ChatSharePage.tsx
+++ b/src/app/main/pages/ChatSharePage.tsx
@@ -186,7 +186,7 @@ type ShareNotificationClientStatus = {
  tone: ShareNotificationStatusTone;
 };
 type ShareProcessInspectorMode = 'default' | 'fullscreen' | 'minimized';
-type ShareProcessInspectorExpandedSection = 'summary' | 'narratives' | null;
+type ShareProcessInspectorExpandedSection = 'summary' | 'checklist' | 'narratives' | 'log' | null;
 type ShareProcessChecklistStep = {
  key: string;
  label: string;
@@ -5565,7 +5565,7 @@ export function ChatSharePage() {

    setActiveProcessInspectorRequestId(requestId);
    setProcessInspectorMode('default');
-    setProcessInspectorExpandedSection(null);
+    setProcessInspectorExpandedSection('checklist');
  }, []);

  const closeProcessInspector = useCallback(() => {
@@ -5577,9 +5577,16 @@ export function ChatSharePage() {
    setProcessInspectorExpandedSection((current) => (current === 'summary' ? null : 'summary'));
  }, []);

+  const handleToggleProcessInspectorChecklist = useCallback(() => {
+    setProcessInspectorExpandedSection((current) => (current === 'checklist' ? null : 'checklist'));
+  }, []);
+
  const handleToggleProcessInspectorNarratives = useCallback(() => {
    setProcessInspectorExpandedSection((current) => (current === 'narratives' ? null : 'narratives'));
  }, []);
+  const handleToggleProcessInspectorLog = useCallback(() => {
+    setProcessInspectorExpandedSection((current) => (current === 'log' ? null : 'log'));
+  }, []);

  const handleProgramMinimizedPointerDown = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {
    if (event.pointerType === 'mouse' && event.button !== 0) {
@@ -7506,7 +7513,9 @@ export function ChatSharePage() {
    [activeProcessInspectorRequestId, requestById],
  );
  const isProcessInspectorSummaryCollapsed = processInspectorExpandedSection !== 'summary';
+  const isProcessInspectorChecklistCollapsed = processInspectorExpandedSection !== 'checklist';
  const isProcessInspectorNarrativesCollapsed = processInspectorExpandedSection !== 'narratives';
+  const isProcessInspectorLogCollapsed = processInspectorExpandedSection !== 'log';
  const activeProcessInspectorPayload = useMemo(() => {
    if (!activeProcessInspectorRequest) {
      return null;
@@ -7720,26 +7729,37 @@ export function ChatSharePage() {
            <section className="chat-share-page__process-inspector-section chat-share-page__process-inspector-section--checklist">
              <div className="chat-share-page__process-inspector-section-head">
                <Text strong>계획 체크리스트</Text>
+                <Button
+                  type="text"
+                  size="small"
+                  className="chat-share-page__process-inspector-summary-toggle"
+                  icon={isProcessInspectorChecklistCollapsed ? <DownOutlined /> : <UpOutlined />}
+                  onClick={handleToggleProcessInspectorChecklist}
+                >
+                  {isProcessInspectorChecklistCollapsed ? '보기' : '접기'}
+                </Button>
              </div>
-              <div className="chat-share-page__process-inspector-checklist" role="table" aria-label="계획 체크리스트">
-                {activeProcessInspectorPayload.checklist.map((step) => (
-                  <div key={step.key} className="chat-share-page__process-inspector-check-item" role="row">
-                    <Text strong className="chat-share-page__process-inspector-check-title">{step.label}</Text>
-                    <Tag
-                      color={
-                        step.status === 'completed'
-                          ? 'success'
-                          : step.status === 'in_progress'
-                            ? 'processing'
-                            : 'default'
-                      }
-                    >
-                      {step.status === 'completed' ? '완료' : step.status === 'in_progress' ? '진행중' : '대기'}
-                    </Tag>
-                    <Text type="secondary" className="chat-share-page__process-inspector-check-note">{step.note}</Text>
-                  </div>
-                ))}
-              </div>
+              {isProcessInspectorChecklistCollapsed ? null : (
+                <div className="chat-share-page__process-inspector-checklist" role="table" aria-label="계획 체크리스트">
+                  {activeProcessInspectorPayload.checklist.map((step) => (
+                    <div key={step.key} className="chat-share-page__process-inspector-check-item" role="row">
+                      <Text strong className="chat-share-page__process-inspector-check-title">{step.label}</Text>
+                      <Tag
+                        color={
+                          step.status === 'completed'
+                            ? 'success'
+                            : step.status === 'in_progress'
+                              ? 'processing'
+                              : 'default'
+                        }
+                      >
+                        {step.status === 'completed' ? '완료' : step.status === 'in_progress' ? '진행중' : '대기'}
+                      </Tag>
+                      <Text type="secondary" className="chat-share-page__process-inspector-check-note">{step.note}</Text>
+                    </div>
+                  ))}
+                </div>
+              )}
            </section>
            <section className="chat-share-page__process-inspector-section chat-share-page__process-inspector-section--narratives">
              <div className="chat-share-page__process-inspector-section-head">
@@ -7768,20 +7788,33 @@ export function ChatSharePage() {
            <section className="chat-share-page__process-inspector-section chat-share-page__process-inspector-section--log">
              <div className="chat-share-page__process-inspector-section-head">
                <Text strong>활동 로그</Text>
-                <Text type="secondary">{activeProcessInspectorPayload.activityLines.length}줄</Text>
-              </div>
-              <div className="chat-share-page__process-inspector-log" role="table" aria-label="활동 로그">
-                {activeProcessInspectorPayload.activityLines.length > 0 ? (
-                  activeProcessInspectorPayload.activityLines.map((line, index) => (
-                    <div key={`${activeProcessInspectorPayload.requestId}:${index}`} className="chat-share-page__process-inspector-log-line" role="row">
-                      <span className="chat-share-page__process-inspector-log-index">{String(index + 1).padStart(2, '0')}</span>
-                      <span className="chat-share-page__process-inspector-log-text">{line}</span>
-                    </div>
-                  ))
-                ) : (
-                  <Text type="secondary">활동 로그가 아직 기록되지 않았습니다.</Text>
-                )}
+                <div className="chat-share-page__process-inspector-section-head-actions">
+                  <Text type="secondary">{activeProcessInspectorPayload.activityLines.length}줄</Text>
+                  <Button
+                    type="text"
+                    size="small"
+                    className="chat-share-page__process-inspector-summary-toggle"
+                    icon={isProcessInspectorLogCollapsed ? <DownOutlined /> : <UpOutlined />}
+                    onClick={handleToggleProcessInspectorLog}
+                  >
+                    {isProcessInspectorLogCollapsed ? '보기' : '접기'}
+                  </Button>
+                </div>
              </div>
+              {isProcessInspectorLogCollapsed ? null : (
+                <div className="chat-share-page__process-inspector-log" role="table" aria-label="활동 로그">
+                  {activeProcessInspectorPayload.activityLines.length > 0 ? (
+                    activeProcessInspectorPayload.activityLines.map((line, index) => (
+                      <div key={`${activeProcessInspectorPayload.requestId}:${index}`} className="chat-share-page__process-inspector-log-line" role="row">
+                        <span className="chat-share-page__process-inspector-log-index">{String(index + 1).padStart(2, '0')}</span>
+                        <span className="chat-share-page__process-inspector-log-text">{line}</span>
+                      </div>
+                    ))
+                  ) : (
+                    <Text type="secondary">활동 로그가 아직 기록되지 않았습니다.</Text>
+                  )}
+                </div>
+              )}
            </section>
          </div>
        </div>