chore: test deploy snapshot

2026-05-28 12:45:36 +09:00
parent 983887dc05
commit 82c46f4be4
21 changed files with 4163 additions and 449 deletions
--- a/src/app/main/mainChatPanel/ChatConversationView.tsx
+++ b/src/app/main/mainChatPanel/ChatConversationView.tsx
@@ -66,6 +66,7 @@ import { ChatActivityChecklist, buildChatActivityChecklistEntries } from './Chat
 import { describeExecutorCommand } from './executorActivitySummary';
 import { buildComposerFilePickKey } from './composerFilePickKey';
 import { ChatPromptCard, buildPromptTargetSignature, type PromptDraftSelection, type PromptSubmitPayload } from './ChatPromptCard';
+import { ChatStructuredPreviewCard } from './ChatStructuredPreviewCard';
 import { openChatExternalLink } from './linkNavigation';
 import { classifyPreviewKind } from './previewKind';
 import { isPromptResolved } from './promptState';
@@ -495,6 +496,7 @@ type MessageRenderPayload = {
  diffBlocks: string[];
  rankedLinkTargets: RankedLinkPreviewTarget[];
  linkCardTargets: Extract<ChatMessagePart, { type: 'link_card' }>[];
+  previewCardTargets: Extract<ChatMessagePart, { type: 'preview_card' }>[];
  promptTargets: Extract<ChatMessagePart, { type: 'prompt' }>[];
 };

@@ -1172,6 +1174,17 @@ function extractMessageRenderPayload(message: ChatMessage): MessageRenderPayload
    ...structuredParts.filter((part): part is Extract<ChatMessagePart, { type: 'link_card' }> => part.type === 'link_card'),
    ...extractedMessageParts.parts.filter((part): part is Extract<ChatMessagePart, { type: 'link_card' }> => part.type === 'link_card'),
  ].filter((part, index, collection) => collection.findIndex((candidate) => `${candidate.title}:${candidate.url}` === `${part.title}:${part.url}`) === index);
+  const previewCardTargets = [
+    ...structuredParts.filter((part): part is Extract<ChatMessagePart, { type: 'preview_card' }> => part.type === 'preview_card'),
+    ...extractedMessageParts.parts.filter((part): part is Extract<ChatMessagePart, { type: 'preview_card' }> => part.type === 'preview_card'),
+  ].filter(
+    (part, index, collection) =>
+      collection.findIndex(
+        (candidate) =>
+          `${candidate.title}:${candidate.preview.type}:${candidate.preview.url ?? ''}:${candidate.preview.content ?? ''}` ===
+          `${part.title}:${part.preview.type}:${part.preview.url ?? ''}:${part.preview.content ?? ''}`,
+      ) === index,
+  );
  const promptTargets = (() => {
    const promptParts = [
      ...structuredParts.filter((part): part is Extract<ChatMessagePart, { type: 'prompt' }> => part.type === 'prompt'),
@@ -1219,6 +1232,7 @@ function extractMessageRenderPayload(message: ChatMessage): MessageRenderPayload
    diffBlocks,
    rankedLinkTargets,
    linkCardTargets,
+    previewCardTargets,
    promptTargets,
  };
 }
@@ -6098,7 +6112,7 @@ export function ChatConversationView({
    const baseMessageBodyClassName = `app-chat-message__body${shouldTruncateMessage ? ' app-chat-message__body--collapsed' : ''}${
      isRecoveredMissingRequest || isRecoveredExecutionFailure ? ' app-chat-message__body--system-status' : ''
    }`;
-    const { previewSourceText, visibleText, diffBlocks, rankedLinkTargets, linkCardTargets, promptTargets } =
+    const { previewSourceText, visibleText, diffBlocks, rankedLinkTargets, linkCardTargets, previewCardTargets, promptTargets } =
      messageRenderPayloadById.get(message.id) ?? extractMessageRenderPayload(message);
    const renderedText = isRecoveredMissingRequest
      ? getMissingRequestMessageText(message)
@@ -6122,6 +6136,7 @@ export function ChatConversationView({
      inlinePreviewTargets.length > 0 ||
      rankedLinkTargets.length > 0 ||
      linkCardTargets.length > 0 ||
+      previewCardTargets.length > 0 ||
      promptTargets.length > 0;
    const shouldRenderStandalonePreview =
      hasPreviewCards && !visibleText && (message.author === 'codex' || message.author === 'system');
@@ -6540,6 +6555,19 @@ export function ChatConversationView({
                }}
              />
            ))}
+            {previewCardTargets.map((target, index) => (
+              <ChatStructuredPreviewCard
+                key={`${message.id}-preview-card-${index}-${target.title}`}
+                target={target}
+                onOpen={(previewUrl) => {
+                  markPreviewArtifactOpened(message.clientRequestId ?? null);
+
+                  if (previewUrl) {
+                    markPreviewResourceOpened(previewUrl);
+                  }
+                }}
+              />
+            ))}
            {promptTargets.map((target, index) => (
              (() => {
                const selectionKey = buildPendingPromptSelectionKey(message.id, index, target.title, target);
--- a/src/app/main/mainChatPanel/ChatPromptCard.tsx
+++ b/src/app/main/mainChatPanel/ChatPromptCard.tsx
@@ -728,7 +728,7 @@ function usePromptPreviewContent(preview: PromptPreview | null | undefined) {
  return { remoteContent, remoteContentType, isLoading, loadError };
 }

-function PromptPreviewSurface({
+export function PromptPreviewSurface({
  preview,
  compact = false,
  htmlMode = 'preview',
@@ -872,6 +872,16 @@ function PromptPreviewSurface({
  return <div className="app-chat-prompt-card__preview-placeholder">표시할 preview가 없습니다.</div>;
 }

+function PromptPreviewViewport({ children }: { children: ReactNode }) {
+  return (
+    <div className="app-chat-prompt-card__preview-scroll">
+      <div className="app-chat-prompt-card__preview-scroll-inner">
+        {children}
+      </div>
+    </div>
+  );
+}
+
 function PromptPreviewCard({
  option,
  onOpenPreview,
@@ -975,7 +985,11 @@ function PromptPreviewCard({
          />
        )}
      </div>
-      <PromptPreviewSurface preview={preview} compact />
+      <div className="app-chat-prompt-card__preview-body">
+        <PromptPreviewViewport>
+          <PromptPreviewSurface preview={preview} compact />
+        </PromptPreviewViewport>
+      </div>
    </div>
  );
 }
--- a/src/app/main/mainChatPanel/ChatStructuredPreviewCard.tsx
+++ b/src/app/main/mainChatPanel/ChatStructuredPreviewCard.tsx
@@ -0,0 +1,111 @@
+import { ExportOutlined, LinkOutlined, ShareAltOutlined } from '@ant-design/icons';
+import { App, Button, Typography } from 'antd';
+import { PromptPreviewSurface } from './ChatPromptCard';
+import { sharePreviewLink } from './chatUtils';
+import { openChatExternalLink } from './linkNavigation';
+import type { ChatMessagePart } from './types';
+
+const { Paragraph } = Typography;
+
+function resolveStructuredPreviewKindLabel(target: Extract<ChatMessagePart, { type: 'preview_card' }>) {
+  const explicit = target.kindLabel?.trim();
+
+  if (explicit) {
+    return explicit;
+  }
+
+  switch (target.preview.type) {
+    case 'markdown':
+      return 'markdown card';
+    case 'html':
+      return 'html card';
+    case 'image':
+      return 'image card';
+    default:
+      return 'resource card';
+  }
+}
+
+export function ChatStructuredPreviewCard({
+  target,
+  onOpen,
+}: {
+  target: Extract<ChatMessagePart, { type: 'preview_card' }>;
+  onOpen?: (previewUrl?: string | null) => void;
+}) {
+  const { message } = App.useApp();
+  const normalizedPreviewUrl = target.preview.url?.trim() || null;
+
+  const handleShare = () => {
+    if (!normalizedPreviewUrl) {
+      message.info('이 카드는 공유할 링크가 없습니다.');
+      return;
+    }
+
+    onOpen?.(normalizedPreviewUrl);
+    void sharePreviewLink({
+      url: normalizedPreviewUrl,
+      title: target.title,
+    })
+      .then((result) => {
+        message.success(result === 'shared' ? '카드 링크를 공유했습니다.' : '카드 링크를 복사했습니다.');
+      })
+      .catch((error: unknown) => {
+        if (error instanceof DOMException && error.name === 'AbortError') {
+          return;
+        }
+
+        message.error(error instanceof Error ? error.message : '카드 링크를 공유하지 못했습니다.');
+      });
+  };
+
+  return (
+    <section className="app-chat-preview-card app-chat-preview-card--structured">
+      <div className="app-chat-preview-card__header">
+        <div className="app-chat-preview-card__meta">
+          <span className="app-chat-preview-card__glyph app-chat-preview-card__glyph--prompt" aria-hidden="true">
+            <LinkOutlined />
+          </span>
+          <div className="app-chat-preview-card__titles">
+            <span className="app-chat-preview-card__label">{target.title}</span>
+            <span className="app-chat-preview-card__kind">{resolveStructuredPreviewKindLabel(target)}</span>
+          </div>
+        </div>
+        <div className="app-chat-preview-card__actions">
+          {normalizedPreviewUrl ? (
+            <>
+              <Button
+                type="text"
+                size="small"
+                className="app-chat-preview-card__action"
+                icon={<ShareAltOutlined />}
+                aria-label={`${target.title} 카드 공유`}
+                onClick={handleShare}
+              />
+              <Button
+                type="link"
+                size="small"
+                className="app-chat-preview-card__open-link"
+                icon={<ExportOutlined />}
+                onClick={(event) => {
+                  onOpen?.(normalizedPreviewUrl);
+                  void openChatExternalLink(normalizedPreviewUrl, event);
+                }}
+              >
+                {target.actionLabel?.trim() || '열기'}
+              </Button>
+            </>
+          ) : null}
+        </div>
+      </div>
+      <div className="app-chat-preview-card__body app-chat-preview-card__body--structured">
+        {target.description ? <Paragraph className="app-chat-preview-card__description">{target.description}</Paragraph> : null}
+        <div className="app-chat-prompt-card__preview-shell">
+          <div className="app-chat-prompt-card__preview-body">
+            <PromptPreviewSurface preview={target.preview} compact />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
--- a/src/app/main/mainChatPanel/chatUtils.ts
+++ b/src/app/main/mainChatPanel/chatUtils.ts
@@ -14,6 +14,7 @@ import type {
  ChatPromptContextRef,
  ChatConversationRequest,
  ChatConversationSummary,
+  ChatShareRoomLinkContext,
  ChatSourceChangeSnapshot,
  ChatSourceChangeSnapshotListResponse,
  ChatJobEvent,
@@ -35,7 +36,7 @@ const CHAT_INTRO_MESSAGE =
 const CHAT_ACTIVITY_MESSAGE_PREFIX = '[[activity-log]]';
 const CHAT_MISSING_REQUEST_MESSAGE_PREFIX = '[[missing-request]]';
 const CHAT_EXECUTION_FAILURE_MESSAGE_PREFIX = '[[execution-failure]]';
-const CHAT_COMPOSER_UPLOAD_FILE_SIZE_LIMIT = 10 * 1024 * 1024;
+const CHAT_COMPOSER_UPLOAD_FILE_SIZE_LIMIT = 300 * 1024 * 1024;
 const KST_TIME_ZONE = 'Asia/Seoul';
 const chatSessionLastTypeMemory = new Map<string, string>();
 const chatLastEventIdMemory = new Map<string, number>();
@@ -1691,8 +1692,20 @@ async function requestChatApi<T>(
  window.clearTimeout(timeoutId);

  if (!response.ok) {
+    const contentType = response.headers.get('content-type')?.toLowerCase() ?? '';
    const text = await response.text();

+    if (response.status === 413) {
+      throw new ChatApiError(
+        '첨부 업로드 크기가 현재 허용 한도를 초과했습니다. 300MB 이하 파일로 다시 시도해 주세요.',
+        response.status,
+      );
+    }
+
+    if (contentType.includes('text/html') && text.trim().startsWith('<')) {
+      throw new ChatApiError('채팅 API가 HTML 오류 페이지를 반환했습니다. 프록시 업로드 한도를 확인해 주세요.', response.status);
+    }
+
    if (text.trim()) {
      try {
        const payload = JSON.parse(text) as { message?: string; code?: string };
@@ -1728,26 +1741,8 @@ async function requestChatApi<T>(
  }
 }

-async function readFileAsBase64(file: File) {
-  return new Promise<string>((resolve, reject) => {
-    const reader = new FileReader();
-
-    reader.onload = () => {
-      if (typeof reader.result !== 'string') {
-        reject(new Error('파일 내용을 읽지 못했습니다.'));
-        return;
-      }
-
-      const commaIndex = reader.result.indexOf(',');
-      resolve(commaIndex >= 0 ? reader.result.slice(commaIndex + 1) : reader.result);
-    };
-
-    reader.onerror = () => {
-      reject(reader.error ?? new Error('파일 내용을 읽지 못했습니다.'));
-    };
-
-    reader.readAsDataURL(file);
-  });
+function encodeChatAttachmentHeaderValue(value: string) {
+  return encodeURIComponent(value);
 }

 const FALLBACK_UPLOAD_MIME_BY_EXTENSION: Record<string, string> = {
@@ -2036,6 +2031,38 @@ function normalizeChatSourceChangeSnapshot(item: ChatSourceChangeSnapshot): Chat
  };
 }

+async function uploadChatAttachmentBinary(
+  path: string,
+  file: File,
+  args: {
+    sessionId: string;
+    fileName: string;
+    mimeType: string;
+    allowUnauthenticated?: boolean;
+    sharePin?: string | null;
+  },
+) {
+  const response = await requestChatApi<{ ok: boolean; item: ChatComposerAttachment }>(
+    path,
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/octet-stream',
+        'X-Chat-Attachment-Session-Id': encodeChatAttachmentHeaderValue(args.sessionId),
+        'X-Chat-Attachment-File-Name': encodeChatAttachmentHeaderValue(args.fileName),
+        'X-Chat-Attachment-Mime-Type': encodeChatAttachmentHeaderValue(args.mimeType),
+      },
+      body: file,
+    },
+    {
+      allowUnauthenticated: args.allowUnauthenticated,
+      sharePin: args.sharePin,
+    },
+  );
+
+  return response.item;
+}
+
 export async function uploadChatComposerFile(sessionId: string, file: File) {
  const normalizedSessionId = sessionId.trim();
  const resolvedMimeType = resolveUploadMimeType(file);
@@ -2071,35 +2098,17 @@ export async function uploadChatComposerFile(sessionId: string, file: File) {
  }

  if (file.size > CHAT_COMPOSER_UPLOAD_FILE_SIZE_LIMIT) {
-    const uploadError = new Error(`첨부 파일은 10MB 이하만 업로드할 수 있습니다. (${resolvedFileName})`);
+    const uploadError = new Error(`첨부 파일은 300MB 이하만 업로드할 수 있습니다. (${resolvedFileName})`);
    await reportUploadFailure('validate-file', uploadError);
    throw uploadError;
  }

-  let contentBase64 = '';
-
  try {
-    contentBase64 = await readFileAsBase64(file);
-  } catch (error) {
-    const message = error instanceof Error && error.message.trim() ? error.message.trim() : '파일 내용을 읽지 못했습니다.';
-    const uploadError = new Error(`${message} (${resolvedFileName})`);
-    uploadError.name = error instanceof Error && error.name ? error.name : 'FileReadError';
-    await reportUploadFailure('read-file', uploadError);
-    throw uploadError;
-  }
-
-  try {
-    const response = await requestChatApi<{ ok: boolean; item: ChatComposerAttachment }>('/attachments', {
-      method: 'POST',
-      body: JSON.stringify({
-        sessionId: normalizedSessionId,
-        fileName: resolvedFileName,
-        mimeType: resolvedMimeType,
-        contentBase64,
-      }),
+    return await uploadChatAttachmentBinary('/attachments', file, {
+      sessionId: normalizedSessionId,
+      fileName: resolvedFileName,
+      mimeType: resolvedMimeType,
    });
-
-    return response.item;
  } catch (error) {
    const uploadError =
      error instanceof Error && error.message.trim()
@@ -2153,41 +2162,22 @@ export async function uploadChatShareComposerFile(token: string, sessionId: stri
  }

  if (file.size > CHAT_COMPOSER_UPLOAD_FILE_SIZE_LIMIT) {
-    const uploadError = new Error(`첨부 파일은 10MB 이하만 업로드할 수 있습니다. (${resolvedFileName})`);
+    const uploadError = new Error(`첨부 파일은 300MB 이하만 업로드할 수 있습니다. (${resolvedFileName})`);
    await reportUploadFailure('validate-file', uploadError);
    throw uploadError;
  }

-  let contentBase64 = '';
-
  try {
-    contentBase64 = await readFileAsBase64(file);
-  } catch (error) {
-    const message = error instanceof Error && error.message.trim() ? error.message.trim() : '파일 내용을 읽지 못했습니다.';
-    const uploadError = new Error(`${message} (${resolvedFileName})`);
-    uploadError.name = error instanceof Error && error.name ? error.name : 'FileReadError';
-    await reportUploadFailure('read-file', uploadError);
-    throw uploadError;
-  }
-
-  try {
-    const response = await requestChatApi<{ ok: boolean; item: ChatComposerAttachment }>(
+    return await uploadChatAttachmentBinary(
      `/shares/${encodeURIComponent(normalizedToken)}/attachments`,
+      file,
      {
-        method: 'POST',
-        body: JSON.stringify({
-          sessionId: normalizedSessionId,
-          fileName: resolvedFileName,
-          mimeType: resolvedMimeType,
-          contentBase64,
-        }),
-      },
-      {
+        sessionId: normalizedSessionId,
+        fileName: resolvedFileName,
+        mimeType: resolvedMimeType,
        allowUnauthenticated: true,
      },
    );
-
-    return response.item;
  } catch (error) {
    const uploadError =
      error instanceof Error && error.message.trim()
@@ -2341,6 +2331,11 @@ export async function createChatShareRoom(
    title: string;
    requestBadgeLabel?: string | null;
    seedMessage: string;
+    linkedSessionId?: string | null;
+    linkedRequestId?: string | null;
+    linkedTitle?: string | null;
+    linkedRequestPreview?: string | null;
+    linkedChatTypeLabel?: string | null;
  },
 ) {
  const response = await requestChatApi<{ ok: boolean; room: ChatShareRoomSummary }>(
@@ -2366,6 +2361,18 @@ export async function createChatShareRoom(
    contextLabel: normalizeOptionalText(response.room.contextLabel),
    contextDescription: normalizeOptionalText(response.room.contextDescription),
    notifyOffline: response.room.notifyOffline === true,
+    linkContext:
+      response.room.linkContext?.kind === 'linked-session'
+        ? {
+            kind: 'linked-session',
+            sourceSessionId: normalizeRequiredText(response.room.linkContext.sourceSessionId),
+            sourceRequestId: normalizeRequiredText(response.room.linkContext.sourceRequestId),
+            sourceTitle: normalizeOptionalText(response.room.linkContext.sourceTitle),
+            sourceRequestPreview: normalizeOptionalText(response.room.linkContext.sourceRequestPreview),
+            sourceChatTypeLabel: normalizeOptionalText(response.room.linkContext.sourceChatTypeLabel),
+            linkedAt: normalizeOptionalText(response.room.linkContext.linkedAt),
+          }
+        : null,
    createdAt: normalizeOptionalText(response.room.createdAt),
    updatedAt: normalizeOptionalText(response.room.updatedAt),
  } satisfies ChatShareRoomSummary;
@@ -2516,11 +2523,13 @@ export type ChatShareRoomSummary = {
  contextLabel?: string | null;
  contextDescription?: string | null;
  notifyOffline?: boolean;
+  linkContext?: ChatShareRoomLinkContext | null;
  createdAt?: string | null;
  updatedAt?: string | null;
 };

 export type ChatShareSnapshot = {
+  detailLevel?: 'full' | 'initial';
  share: {
    kind: ChatShareKind;
    sessionId: string;
@@ -2759,9 +2768,27 @@ export async function saveChatShareRoomSettings(
  };
 }

-export async function fetchChatShareSnapshot(token: string, options?: { sharePin?: string | null; sessionId?: string | null }) {
+export async function fetchChatShareSnapshot(
+  token: string,
+  options?: {
+    sharePin?: string | null;
+    sessionId?: string | null;
+    view?: 'full' | 'initial';
+  },
+) {
+  const query = new URLSearchParams();
+
+  if (options?.sessionId?.trim()) {
+    query.set('sessionId', options.sessionId.trim());
+  }
+
+  if (options?.view === 'initial') {
+    query.set('view', 'initial');
+  }
+
  const response = await requestChatApi<{
    ok: boolean;
+    detailLevel?: ChatShareSnapshot['detailLevel'];
    share: ChatShareSnapshot['share'];
    conversation: ChatShareSnapshot['conversation'];
    rootRequestId: string;
@@ -2775,7 +2802,7 @@ export async function fetchChatShareSnapshot(token: string, options?: { sharePin
    promptTarget?: ChatShareSnapshot['promptTarget'];
    refreshedAt: string;
  }>(
-    `/shares/${encodeURIComponent(token)}${options?.sessionId?.trim() ? `?sessionId=${encodeURIComponent(options.sessionId.trim())}` : ''}`,
+    `/shares/${encodeURIComponent(token)}${query.size > 0 ? `?${query.toString()}` : ''}`,
    undefined,
    {
      allowUnauthenticated: true,
@@ -2785,6 +2812,7 @@ export async function fetchChatShareSnapshot(token: string, options?: { sharePin
  );

  return {
+    detailLevel: response.detailLevel === 'initial' ? 'initial' : 'full',
    share: {
      ...response.share,
      createdAt: normalizeOptionalText(response.share?.createdAt),
@@ -2855,6 +2883,18 @@ export async function fetchChatShareSnapshot(token: string, options?: { sharePin
          contextLabel: normalizeOptionalText(item.contextLabel),
          contextDescription: normalizeOptionalText(item.contextDescription),
          notifyOffline: item.notifyOffline === true,
+          linkContext:
+            item.linkContext?.kind === 'linked-session'
+              ? {
+                  kind: 'linked-session',
+                  sourceSessionId: normalizeRequiredText(item.linkContext.sourceSessionId),
+                  sourceRequestId: normalizeRequiredText(item.linkContext.sourceRequestId),
+                  sourceTitle: normalizeOptionalText(item.linkContext.sourceTitle),
+                  sourceRequestPreview: normalizeOptionalText(item.linkContext.sourceRequestPreview),
+                  sourceChatTypeLabel: normalizeOptionalText(item.linkContext.sourceChatTypeLabel),
+                  linkedAt: normalizeOptionalText(item.linkContext.linkedAt),
+                }
+              : null,
          createdAt: normalizeOptionalText(item.createdAt),
          updatedAt: normalizeOptionalText(item.updatedAt),
        }))
@@ -2897,6 +2937,34 @@ export async function submitChatShareMessage(
  );
 }

+export async function submitChatShareOriginReply(
+  token: string,
+  payload: {
+    sessionId?: string | null;
+    sourceSessionId: string;
+    sourceRequestId: string;
+    text: string;
+    mode?: 'queue' | 'direct';
+  },
+) {
+  return requestChatApi<{ ok: boolean; queuedRequestId: string }>(
+    `/shares/${encodeURIComponent(token)}/origin-reply`,
+    {
+      method: 'POST',
+      body: JSON.stringify({
+        sessionId: payload.sessionId?.trim() || undefined,
+        sourceSessionId: payload.sourceSessionId.trim(),
+        sourceRequestId: payload.sourceRequestId.trim(),
+        text: payload.text,
+        mode: payload.mode === 'direct' ? 'direct' : 'queue',
+      }),
+    },
+    {
+      allowUnauthenticated: true,
+    },
+  );
+}
+
 export async function submitChatSharePrompt(
  token: string,
  payload: {
--- a/src/app/main/mainChatPanel/messageParts.ts
+++ b/src/app/main/mainChatPanel/messageParts.ts
@@ -1,9 +1,11 @@
 import type { ChatMessagePart } from './types';

 const LINK_CARD_LINE_PATTERN = /^\s*\[\[link-card:(.+?)\]\]\s*$/i;
+const CARD_LINE_PATTERN = /^\s*\[\[card:(.+?)\]\]\s*$/i;
 const PROMPT_LINE_PATTERN = /^\s*\[\[prompt:(.+?)\]\]\s*$/i;
 const STANDALONE_MARKDOWN_LINK_LINE_PATTERN = /^\s*(?:[-*+]\s+|\d+\.\s+)?\[([^\]]+)\]\((.+)\)\s*$/;
 const STANDALONE_URL_LINE_PATTERN = /^\s*(?:[-*+]\s+|\d+\.\s+)?((?:https?:\/\/|\/)[^\s<>)\]]+)\s*$/i;
+const CARD_BLOCK_START_PATTERN = /^\s*\[\[card:\s*$/i;
 const PROMPT_BLOCK_START_PATTERN = /^\s*\[\[prompt:\s*$/i;
 const PROMPT_BLOCK_END_PATTERN = /^\s*\]\]\s*$/;
 const PROMPT_CODE_BLOCK_START_PATTERN = /^\s*```(?:json|prompt)(?:\s+prompt)?\s*$/i;
@@ -21,6 +23,7 @@ type PromptPart = Extract<ChatMessagePart, { type: 'prompt' }>;
 type PromptOption = PromptPart['options'][number];
 type PromptPreview = NonNullable<PromptOption['preview']>;
 type PromptStep = NonNullable<PromptPart['steps']>[number];
+type PreviewCardPart = Extract<ChatMessagePart, { type: 'preview_card' }>;

 function normalizeText(value: unknown) {
  return String(value ?? '').trim();
@@ -313,6 +316,51 @@ function normalizePromptPreview(value: unknown): PromptPreview | null {
  };
 }

+function buildPreviewCardPart(rawBody: string): PreviewCardPart | null {
+  const trimmed = rawBody.trim();
+
+  if (!trimmed) {
+    return null;
+  }
+
+  let parsed: unknown;
+
+  try {
+    parsed = JSON.parse(trimmed);
+  } catch {
+    return null;
+  }
+
+  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+    return null;
+  }
+
+  const record = parsed as Record<string, unknown>;
+  const title = normalizeText(record.title) || normalizeText(record.label);
+  const preview =
+    normalizePromptPreview(record.preview) ||
+    normalizePromptPreview({
+      type: record.type,
+      url: record.url,
+      content: record.content,
+      alt: record.alt,
+      title: record.previewTitle ?? record.title,
+    });
+
+  if (!title || !preview) {
+    return null;
+  }
+
+  return {
+    type: 'preview_card',
+    title,
+    description: normalizeText(record.description) || null,
+    kindLabel: normalizeText(record.kindLabel) || null,
+    actionLabel: normalizeText(record.actionLabel) || null,
+    preview,
+  };
+}
+
 function isPromptOption(value: PromptOption | null): value is PromptOption {
  return value != null;
 }
@@ -647,7 +695,20 @@ export function extractChatMessageParts(text: string) {
    const dedupeKey =
      nextPart.type === 'link_card'
        ? `${nextPart.type}:${nextPart.title}:${nextPart.url}:${nextPart.actionLabel ?? ''}`
-        : [
+        : nextPart.type === 'preview_card'
+          ? [
+              nextPart.type,
+              nextPart.title,
+              nextPart.description ?? '',
+              nextPart.kindLabel ?? '',
+              nextPart.actionLabel ?? '',
+              nextPart.preview.type,
+              nextPart.preview.url ?? '',
+              nextPart.preview.content ?? '',
+              nextPart.preview.alt ?? '',
+              nextPart.preview.title ?? '',
+            ].join(':')
+          : [
            nextPart.type,
            nextPart.title,
            nextPart.options
@@ -728,6 +789,43 @@ export function extractChatMessageParts(text: string) {
      continue;
    }

+    const cardMatched = line.match(CARD_LINE_PATTERN);
+
+    if (cardMatched) {
+      if (!pushPart(buildPreviewCardPart(cardMatched[1] ?? ''))) {
+        keptLines.push(line);
+      }
+      continue;
+    }
+
+    if (CARD_BLOCK_START_PATTERN.test(line)) {
+      const wrappedLines = [line];
+      const cardBodyLines: string[] = [];
+      let cursor = lineIndex + 1;
+      let foundBlockEnd = false;
+
+      for (; cursor < lines.length; cursor += 1) {
+        const nextLine = lines[cursor] ?? '';
+        wrappedLines.push(nextLine);
+
+        if (PROMPT_BLOCK_END_PATTERN.test(nextLine)) {
+          foundBlockEnd = true;
+          break;
+        }
+
+        cardBodyLines.push(nextLine);
+      }
+
+      if (foundBlockEnd && pushPart(buildPreviewCardPart(cardBodyLines.join('\n')))) {
+        lineIndex = cursor;
+        continue;
+      }
+
+      keptLines.push(...wrappedLines);
+      lineIndex = foundBlockEnd ? cursor : lines.length;
+      continue;
+    }
+
    const promptMatched = line.match(PROMPT_LINE_PATTERN);

    if (promptMatched) {
--- a/src/app/main/mainChatPanel/styles/MainChatPanel.conversation.css
+++ b/src/app/main/mainChatPanel/styles/MainChatPanel.conversation.css
@@ -1861,16 +1861,50 @@
  flex-direction: column;
  gap: 6px;
  padding: 0 8px 8px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: auto;
+  overscroll-behavior: contain;
 }

 .app-chat-preview-card__body--prompt-collapsed {
  display: none;
 }

+.app-chat-preview-card--prompt,
+.app-chat-preview-card--structured {
+  width: min(100%, 720px);
+  min-width: 0;
+  max-width: 100%;
+}
+
+.app-chat-preview-card__body--structured {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 0 8px 8px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.app-chat-preview-card__description.ant-typography {
+  margin: 0;
+  color: #334155;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .app-chat-prompt-card__description.ant-typography {
  margin: 0;
  font-size: 12px;
  color: #334155;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }

 .app-chat-prompt-card__context {
@@ -2054,6 +2088,8 @@

 .app-chat-prompt-card__option-preview-inline {
  margin-top: 6px;
+  min-width: 0;
+  max-width: 100%;
 }

@media (max-width: 640px) {
@@ -2069,10 +2105,41 @@
 .app-chat-prompt-card__preview-shell {
  display: flex;
  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.8);
+  box-sizing: border-box;
+}
+
+.app-chat-prompt-card__preview-body {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  max-height: min(420px, 70vh);
+  overflow: hidden;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.app-chat-prompt-card__preview-scroll {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  max-height: inherit;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.app-chat-prompt-card__preview-scroll-inner {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
 }

 .app-chat-prompt-card__stepper {
@@ -2328,6 +2395,18 @@
  word-break: break-word;
 }

+.app-chat-prompt-card__context,
+.app-chat-prompt-card__description.ant-typography,
+.app-chat-prompt-card__result.ant-typography,
+.app-chat-prompt-card__stepper,
+.app-chat-prompt-card__step-panel,
+.app-chat-prompt-card__options,
+.app-chat-prompt-card__free-text,
+.app-chat-prompt-card__footer {
+  min-width: 0;
+  max-width: 100%;
+}
+
 .app-chat-prompt-card__submitted {
  display: inline-flex;
  align-items: center;
--- a/src/app/main/mainChatPanel/types.ts
+++ b/src/app/main/mainChatPanel/types.ts
@@ -9,6 +9,14 @@ export type ChatComposerAttachment = {
  mimeType: string;
 };

+export type ChatStructuredPreview = {
+  type: 'image' | 'markdown' | 'html' | 'resource';
+  url?: string | null;
+  content?: string | null;
+  alt?: string | null;
+  title?: string | null;
+};
+
 export type ChatPromptContextRef = {
  key: 'prompt_parent_question';
  promptTitle: string;
@@ -23,6 +31,14 @@ export type ChatMessagePart =
      url: string;
      actionLabel?: string | null;
    }
+  | {
+      type: 'preview_card';
+      title: string;
+      description?: string | null;
+      kindLabel?: string | null;
+      actionLabel?: string | null;
+      preview: ChatStructuredPreview;
+    }
  | {
      type: 'prompt';
      title: string;
@@ -50,15 +66,7 @@ export type ChatMessagePart =
          value: string;
          label: string;
          description?: string | null;
-          preview?:
-            | {
-                type: 'image' | 'markdown' | 'html' | 'resource';
-                url?: string | null;
-                content?: string | null;
-                alt?: string | null;
-                title?: string | null;
-              }
-            | null;
+          preview?: ChatStructuredPreview | null;
        }>;
      }>;
      readOnly?: boolean;
@@ -71,15 +79,7 @@ export type ChatMessagePart =
        value: string;
        label: string;
        description?: string | null;
-        preview?:
-          | {
-              type: 'image' | 'markdown' | 'html' | 'resource';
-              url?: string | null;
-              content?: string | null;
-              alt?: string | null;
-              title?: string | null;
-            }
-          | null;
+        preview?: ChatStructuredPreview | null;
      }>;
    };

@@ -163,6 +163,16 @@ export type ChatConversationSummary = {
  lastMessageAt: string | null;
 };

+export type ChatShareRoomLinkContext = {
+  kind: 'linked-session';
+  sourceSessionId: string;
+  sourceRequestId: string;
+  sourceTitle: string | null;
+  sourceRequestPreview: string | null;
+  sourceChatTypeLabel: string | null;
+  linkedAt: string | null;
+};
+
 export type ChatConversationRequestStatus =
  | 'accepted'
  | 'queued'
--- a/src/app/main/pages/ChatSharePage.css
+++ b/src/app/main/pages/ChatSharePage.css
@@ -178,6 +178,7 @@

 .chat-share-page__conversation-panel {
  flex: 1 1 auto;
+  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 10px 10px;
@@ -192,6 +193,7 @@

 .chat-share-page__composer-panel {
  display: flex;
+  position: relative;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: var(--chat-share-page-composer-panel-min-height);
@@ -204,6 +206,7 @@
 }

 .chat-share-page__activity-panel {
+  position: relative;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.94);
@@ -219,6 +222,16 @@
  box-shadow: inset 0 0 0 1px rgba(219, 226, 236, 0.82);
 }

+.chat-share-page__room-list-panel--floating {
+  position: fixed;
+  z-index: 1300;
+  overflow: hidden;
+  box-shadow:
+    0 18px 42px rgba(15, 23, 42, 0.18),
+    inset 0 0 0 1px rgba(219, 226, 236, 0.9);
+  backdrop-filter: blur(18px);
+}
+
 .chat-share-page__room-filter-input.ant-input-affix-wrapper {
  width: 100%;
  border-radius: 12px;
@@ -233,6 +246,111 @@
  gap: 8px;
  width: 100%;
  min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.chat-share-page__room-group {
+  display: grid;
+  gap: 8px;
+}
+
+.chat-share-page__room-group--standalone {
+  gap: 0;
+}
+
+.chat-share-page__room-group-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.82);
+  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.9);
+}
+
+.chat-share-page__room-group-copy {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.chat-share-page__room-group-title {
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.35;
+}
+
+.chat-share-page__room-group-meta {
+  color: #475569;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.chat-share-page__room-group-preview {
+  color: #64748b;
+  font-size: 12px;
+  line-height: 1.45;
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.chat-share-page__room-group-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.chat-share-page__room-group-action.ant-btn {
+  padding-inline: 6px;
+}
+
+.chat-share-page__room-group-list {
+  display: grid;
+  gap: 8px;
+}
+
+.chat-share-page__room-card-counts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.chat-share-page__room-card-count {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  padding: 3px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.3;
+  box-sizing: border-box;
+}
+
+.chat-share-page__room-card-count--processing {
+  color: #0958d9;
+  background: rgba(230, 244, 255, 0.96);
+  box-shadow: inset 0 0 0 1px rgba(145, 213, 255, 0.95);
+}
+
+.chat-share-page__room-card-count--unanswered {
+  color: #ad6800;
+  background: rgba(255, 247, 230, 0.96);
+  box-shadow: inset 0 0 0 1px rgba(255, 214, 102, 0.95);
+}
+
+.chat-share-page__room-card-count--idle {
+  color: #64748b;
+  background: rgba(241, 245, 249, 0.96);
+  box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.92);
 }

 .chat-share-page__room-item {
@@ -342,6 +460,16 @@
  line-height: 1.4;
 }

+.chat-share-page__room-card-preview {
+  color: #475569;
+  font-size: 12px;
+  line-height: 1.45;
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
 .chat-share-page__room-list-empty {
  display: flex;
  align-items: center;
@@ -363,6 +491,35 @@
  gap: 6px;
 }

+.chat-share-page__create-room-hint {
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.chat-share-page__source-detail-card {
+  display: grid;
+  gap: 8px;
+  padding: 14px;
+  border-radius: 14px;
+  background: rgba(248, 250, 252, 0.95);
+  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.9);
+}
+
+.chat-share-page__source-detail-preview {
+  margin-bottom: 0;
+  white-space: pre-wrap;
+}
+
+.chat-share-page__source-room-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.chat-share-page__source-room-chip.ant-btn {
+  border-radius: 999px;
+}
+
 .chat-share-page__message-list {
  display: flex;
  flex: 1 1 auto;
@@ -375,6 +532,46 @@
  padding-right: 0;
 }

+.chat-share-page__message-list--switching,
+.chat-share-page__panel--switching,
+.chat-share-page__composer-shell--switching {
+  opacity: 0.68;
+}
+
+.chat-share-page__composer-shell--switching {
+  pointer-events: none;
+}
+
+.chat-share-page__panel-switching-indicator {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  align-self: flex-start;
+  margin: 0 0 10px;
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.92);
+  box-shadow:
+    inset 0 0 0 1px rgba(191, 204, 220, 0.92),
+    0 8px 20px rgba(148, 163, 184, 0.16);
+  backdrop-filter: blur(10px);
+}
+
+.chat-share-page__panel-switching-indicator--compact {
+  margin-bottom: 8px;
+}
+
+.chat-share-page__panel-switching-indicator--composer {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  right: 10px;
+  margin: 0;
+}
+
 .chat-share-page__conversation-loading-block {
  display: grid;
  flex: 1 1 auto;
@@ -1839,6 +2036,55 @@
  background: #020617;
 }

+.chat-share-page__server-command-drawer-shell .ant-drawer-content,
+.chat-share-page__server-command-drawer-shell .ant-drawer-wrapper-body {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  background:
+    linear-gradient(180deg, #f7fafc 0%, #eef3f9 100%),
+    radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 26%);
+}
+
+.chat-share-page__server-command-drawer-shell .ant-drawer-header,
+.chat-share-page__server-command-drawer-shell .ant-drawer-header-title,
+.chat-share-page__server-command-drawer-shell .ant-drawer-extra {
+  min-width: 0;
+}
+
+.chat-share-page__server-command-drawer-shell .ant-drawer-header {
+  border-bottom: 1px solid rgba(196, 210, 226, 0.96);
+  padding: 14px 18px;
+  background: rgba(248, 250, 252, 0.94);
+}
+
+.chat-share-page__server-command-drawer-shell .ant-drawer-body {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.chat-share-page__server-command-drawer-body {
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+}
+
+.chat-share-page__server-command-drawer-body .server-command-page {
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+
 .chat-share-page__program-modal-content {
  display: flex;
  flex: 1 1 auto;
@@ -1933,6 +2179,14 @@
    gap: 10px;
  }

+  .chat-share-page__room-list-panel--floating {
+    border-radius: 16px;
+  }
+
+  .chat-share-page__server-command-drawer-shell .ant-drawer-header {
+    padding-top: calc(14px + env(safe-area-inset-top, 0px));
+  }
+
  .chat-share-page__program-app-shell--system-chat-room {
    padding: 0;
  }
@@ -2757,12 +3011,20 @@
 .chat-share-page .app-chat-prompt-card__body,
 .chat-share-page .app-chat-prompt-card__content,
 .chat-share-page .app-chat-prompt-card__options,
+.chat-share-page .app-chat-prompt-card__option,
+.chat-share-page .app-chat-prompt-card__option-head,
+.chat-share-page .app-chat-prompt-card__option-body,
+.chat-share-page .app-chat-prompt-card__option-preview-inline,
 .chat-share-page .app-chat-prompt-card__preview-shell,
+.chat-share-page .app-chat-prompt-card__preview-toolbar,
+.chat-share-page .app-chat-prompt-card__preview-body,
+.chat-share-page .app-chat-prompt-card__preview-image,
 .chat-share-page .app-chat-prompt-card__preview-frame,
 .chat-share-page .app-chat-prompt-card__preview-markdown,
 .chat-share-page .app-chat-prompt-card__summary,
 .chat-share-page .app-chat-prompt-card__submitted {
  width: 100%;
+  inline-size: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
@@ -2793,6 +3055,166 @@
  gap: var(--chat-share-page-prompt-footer-gap);
 }

+.chat-share-page .app-chat-prompt-card__preview-body,
+.chat-share-page .app-chat-preview-card__body--structured,
+.chat-share-page .app-chat-prompt-card__option-preview-inline,
+.chat-share-page .app-chat-prompt-card__preview-shell,
+.chat-share-page .app-chat-prompt-card__preview-image,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-table,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-table-scroll,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-image,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-video,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer__diff-body,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer__diff-list,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__body,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__editor,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__editor-body,
+.chat-share-page .app-chat-prompt-card__preview-body > *,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__editor-body > *,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer__diff-list > * {
+  width: 100%;
+  inline-size: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body,
+.chat-share-page .app-chat-preview-card__body--structured,
+.chat-share-page .app-chat-prompt-card__option-preview-inline,
+.chat-share-page .app-chat-prompt-card__preview-shell,
+.chat-share-page .app-chat-prompt-card__preview-image {
+  contain: layout;
+}
+
+.chat-share-page .app-chat-message-group__body,
+.chat-share-page .app-chat-message-group__activity,
+.chat-share-page .app-chat-message-group__activity-stack,
+.chat-share-page .app-chat-message-group__activity-children,
+.chat-share-page .app-chat-message-group__activity-item,
+.chat-share-page .app-chat-preview-card__body,
+.chat-share-page .app-chat-preview-card__body--prompt,
+.chat-share-page .app-chat-preview-card__body--structured,
+.chat-share-page .app-chat-prompt-card__stepper,
+.chat-share-page .app-chat-prompt-card__step-panel {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.chat-share-page .app-chat-message-group__body,
+.chat-share-page .app-chat-message-group__activity,
+.chat-share-page .app-chat-message-group__activity-stack,
+.chat-share-page .app-chat-message-group__activity-children,
+.chat-share-page .app-chat-message-group__activity-item,
+.chat-share-page .app-chat-preview-card__body,
+.chat-share-page .app-chat-preview-card__body--prompt,
+.chat-share-page .app-chat-preview-card__body--structured {
+  overflow-x: hidden;
+}
+
+.chat-share-page .app-chat-prompt-card__option-preview-inline,
+.chat-share-page .app-chat-prompt-card__preview-shell,
+.chat-share-page .app-chat-prompt-card__preview-scroll,
+.chat-share-page .app-chat-prompt-card__preview-scroll-inner,
+.chat-share-page .app-chat-prompt-card__preview-body,
+.chat-share-page .app-chat-prompt-card__preview-image {
+  overflow-x: hidden;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-scroll {
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-table-scroll,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer__diff-body,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__editor-body,
+.chat-share-page .app-chat-prompt-card__preview-body .codex-diff-previewer__diff-list {
+  overflow-x: auto;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown,
+.chat-share-page .app-chat-prompt-card__preview-body .previewer-ui__editor-body {
+  max-height: min(420px, 70vh);
+}
+
+.chat-share-page .app-chat-prompt-card__preview-image,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-image,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-video {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+}
+
+.chat-share-page .app-chat-prompt-card__description.ant-typography,
+.chat-share-page .app-chat-prompt-card__preview-title.ant-typography,
+.chat-share-page .app-chat-prompt-card__context-text,
+.chat-share-page .app-chat-prompt-card__summary,
+.chat-share-page .app-chat-prompt-card__summary-detail {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.chat-share-page .app-chat-message-group__body .app-chat-panel__preview-rich .previewer-ui__editor-body,
+.chat-share-page .app-chat-message-group__body .app-chat-panel__preview-rich--markdown,
+.chat-share-page .app-chat-message-group__body .app-chat-panel__preview-table-scroll,
+.chat-share-page .app-chat-message-group__body .app-chat-message__preview-text {
+  max-width: 100%;
+  max-height: min(420px, 70vh);
+  overflow-x: auto;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview,
+.chat-share-page .app-chat-message-group__body .app-chat-panel__preview-rich--markdown .markdown-preview,
+.chat-share-page .app-chat-message-group__body .app-chat-panel__preview-rich--markdown .markdown-preview > *,
+.chat-share-page .app-chat-message-group__body .previewer-ui__editor-body > *,
+.chat-share-page .app-chat-message-group__body .codex-diff-previewer__diff-list > * {
+  max-width: 100%;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview > *,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview .ant-typography,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview p,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview ul,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview ol,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview li,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h1,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h2,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h3,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h4,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h5,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview h6 {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  white-space: normal;
+}
+
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview ul,
+.chat-share-page .app-chat-prompt-card__preview-body .app-chat-panel__preview-rich--markdown .markdown-preview ol {
+  margin-inline: 0;
+  padding-inline-start: 18px;
+}
+
 .chat-share-page .app-chat-preview-card__header,
 .chat-share-page .app-chat-preview-card--prompt .app-chat-preview-card__header {
  align-items: center;
--- a/src/app/main/pages/ChatSharePage.tsx
+++ b/src/app/main/pages/ChatSharePage.tsx
--- a/src/app/main/systemChatStyles/MainChatPanel.conversation.css
+++ b/src/app/main/systemChatStyles/MainChatPanel.conversation.css
@@ -1835,12 +1835,43 @@
  flex-direction: column;
  gap: 6px;
  padding: 0 8px 8px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: auto;
+  overscroll-behavior: contain;
 }

 .app-chat-preview-card__body--prompt-collapsed {
  display: none;
 }

+.app-chat-preview-card--prompt,
+.app-chat-preview-card--structured {
+  width: min(100%, 720px);
+  min-width: 0;
+  max-width: 100%;
+}
+
+.app-chat-preview-card__body--structured {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 0 8px 8px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: auto;
+  overscroll-behavior: contain;
+}
+
+.app-chat-preview-card__description.ant-typography {
+  margin: 0;
+  color: #334155;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .app-chat-prompt-card__description.ant-typography {
  margin: 0;
  font-size: 12px;
@@ -2028,6 +2059,8 @@

 .app-chat-prompt-card__option-preview-inline {
  margin-top: 6px;
+  min-width: 0;
+  max-width: 100%;
 }

@media (max-width: 640px) {
@@ -2043,10 +2076,24 @@
 .app-chat-prompt-card__preview-shell {
  display: flex;
  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.8);
+  box-sizing: border-box;
+}
+
+.app-chat-prompt-card__preview-body {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  max-height: min(420px, 70vh);
+  overflow: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
 }

 .app-chat-prompt-card__stepper {
@@ -2287,6 +2334,18 @@
  word-break: break-word;
 }

+.app-chat-prompt-card__context,
+.app-chat-prompt-card__description.ant-typography,
+.app-chat-prompt-card__result.ant-typography,
+.app-chat-prompt-card__stepper,
+.app-chat-prompt-card__step-panel,
+.app-chat-prompt-card__options,
+.app-chat-prompt-card__free-text,
+.app-chat-prompt-card__footer {
+  min-width: 0;
+  max-width: 100%;
+}
+
 .app-chat-prompt-card__submitted {
  display: inline-flex;
  align-items: center;
--- a/src/features/serverCommand/ServerCommandPage.tsx
+++ b/src/features/serverCommand/ServerCommandPage.tsx
@@ -268,7 +268,7 @@ function resolveWorkServerControlStatus(

  return {
    statusTone: 'online',
-    statusLabel: '배포 가능',
+    statusLabel: '최신 실행 중',
  };
 }