fix: 채널 패널 렌더링 통일, 타이틀 형식 개선, 한국어 IME 이중전송 버그 수정

Author: slyhyun

src/app/components/ChannelPanel.tsx

@@ -182,7 +182,7 @@ export function ChannelPanel({ repoId, repoName, onOpenThread, onOpenInvite }: C
   };
 
   const handleMessageKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
-    if (event.key === 'Enter') {
+    if (event.key === 'Enter' && !event.nativeEvent.isComposing) {
       event.preventDefault();
       handleSendMessage();
     }

src/app/components/ChatPanel.tsx

@@ -156,7 +156,7 @@ export function ChatPanel({ title, messages, onSendMessage, showAISummary = true
   };
 
   const handleKeyPress = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
+    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       e.preventDefault();
       handleSend();
     }
@@ -275,11 +275,12 @@ export function ChatPanel({ title, messages, onSendMessage, showAISummary = true
       <div className="flex items-center justify-between px-6 py-4" style={{
         borderBottom: '1px solid rgba(32, 227, 255, 0.14)'
       }}>
-        <h3 className="m-0 tracking-[-0.065em]" style={{
+        <h3 className="m-0 flex items-center gap-2 tracking-[-0.065em]" style={{
           fontSize: '18px',
           fontWeight: 950,
           color: 'var(--white)'
         }}>
+          <Hash size={18} style={{ color: 'var(--neon-cyan)', flexShrink: 0 }} />
           {title}
         </h3>
         {showAISummary && (

src/app/pages/ChatPage.tsx

@@ -425,7 +425,11 @@ export function ChatPage() {
     : "grid h-[calc(100vh-160px)] min-h-0 gap-6 overflow-hidden";
   const selectedChannelMeta = ALL_SIDEBAR_CHANNELS.find((channel) => channel.id === selectedChannel);
   const selectedCustomChannel = customChannels.find(ch => ch.id === selectedChannel);
-  const selectedChannelTitle = selectedCustomChannel?.label
+  const selectedChannelTitle = selectedChannel === 'pull-requests'
+    ? `${currentRepo?.name ?? '레포'} - PR`
+    : selectedChannel === 'issues'
+    ? `${currentRepo?.name ?? '레포'} - 이슈`
+    : selectedCustomChannel?.label
     ?? selectedChannelMeta?.label
     ?? selectedChannel.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
 
@@ -1101,7 +1105,7 @@ export function ChatPage() {
 
           {hasRepositories ? (
             <div className="flex flex-1 flex-col overflow-y-auto">
-            <div className="grid gap-2">
+            <div className="grid gap-2 min-w-0">
               {renderSidebarChannel({ id: 'overview', label: '통합 개요', icon: Home })}
 
               <div className="my-1" style={{ borderTop: '1px solid rgba(32, 227, 255, 0.14)' }} />
@@ -1438,8 +1442,8 @@ export function ChatPage() {
                 const isRepoBodyActive = selectedRepository === repo.id && selectedChannel === repoChannelId;
 
                 return (
-                  <div key={repo.id} className="grid gap-1">
-                    <div className="relative isolate flex w-full items-center rounded-full">
+                  <div key={repo.id} className="grid gap-1 min-w-0">
+                    <div className="relative isolate flex w-full min-w-0 items-center rounded-full">
                       {isRepoBodyActive && (
                         <motion.div
                           layoutId="workspaceSidebarActiveTab"
@@ -1690,15 +1694,26 @@ export function ChatPage() {
               <ERDPage embedded />
             ) : selectedChannel === 'docs' ? (
               <DocsPage embedded />
-            ) : selectedChannel === 'general' ? (
-              <ChannelPanel onOpenThread={handleOpenThread} onOpenInvite={() => setTeamInviteOpen(true)} />
+            ) : selectedChannel === 'general' || customChannels.some(ch => ch.id === selectedChannel) ? (
+              <ChannelPanel
+                repoName={customChannels.find(ch => ch.id === selectedChannel)?.label}
+                onOpenThread={handleOpenThread}
+                onOpenInvite={() => setTeamInviteOpen(true)}
+              />
             ) : REPO_CHANNEL_IDS_REVERSE[selectedChannel] !== undefined ? (
               <ChannelPanel
                 repoId={REPO_CHANNEL_IDS_REVERSE[selectedChannel]}
                 repoName={repositories.find(r => r.id === REPO_CHANNEL_IDS_REVERSE[selectedChannel])?.name}
                 onOpenThread={handleOpenThread}
                 onOpenInvite={() => setTeamInviteOpen(true)}
               />
+            ) : repositories.find(r => r.id === selectedChannel) ? (
+              <ChannelPanel
+                repoId={selectedChannel}
+                repoName={repositories.find(r => r.id === selectedChannel)?.name}
+                onOpenThread={handleOpenThread}
+                onOpenInvite={() => setTeamInviteOpen(true)}
+              />
             ) : selectedChannel === 'team' ? (
               <TeamPanel
                 onInvite={() => setTeamInviteOpen(true)}