fix(ui): align settings cards and truncate long config values

apps/ui/src/features/settings/SettingsPanels.tsx

@@ -117,8 +117,10 @@ export function SettingsPanels({
               <label className="settings-input-label">
                 <span className="settings-input-label-text">龙虾密钥</span>
                 <input
+                  className="settings-truncated-input"
                   type="password"
                   value={drafts.lobsterKey}
+                  title={drafts.lobsterKey || undefined}
                   placeholder={workspaceApiKeyConfigured ? "输入新的龙虾密钥或更新绑定" : "请输入龙虾密钥"}
                   onChange={(event) => setters.setLobsterKey(event.target.value)}
                 />
@@ -130,7 +132,7 @@ export function SettingsPanels({
                 <span className="settings-input-label-text">工作目录</span>
                 <div className="workspace-directory-card settings-basic-directory-card">
                   <div className="workspace-directory-panel settings-basic-directory-panel">
-                    <strong className="workspace-directory-path">{displayedWorkspacePath}</strong>
+                    <strong className="workspace-directory-path" title={displayedWorkspacePath}>{displayedWorkspacePath}</strong>
                   </div>
                   {hasPendingWorkspacePathChange ? (
                     <div className="workspace-directory-draft-row">

apps/ui/src/styles/settings.css

@@ -13,7 +13,7 @@
   min-height: 0;
   display: grid;
   gap: 10px;
-  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: minmax(236px, 0.58fr) minmax(0, 1.42fr);
   grid-template-areas:
     "basic-config xhs-feishu"
@@ -277,6 +277,12 @@
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
 }
 
+.settings-truncated-input {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .settings-input-label input:focus-visible,
 .settings-input-label textarea:focus-visible,
 .settings-input-label select:focus-visible {
@@ -534,6 +540,16 @@
   align-items: center;
 }
 
+.settings-basic-directory-panel .workspace-directory-path {
+  display: block;
+  min-width: 0;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: normal;
+}
+
 .workspace-directory-eyebrow {
   font-size: 10px;
   letter-spacing: 0.16em;
@@ -561,7 +577,7 @@
 
 @media (max-width: 1180px) {
   .settings-console-grid {
-    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-template-rows: minmax(164px, auto) minmax(0, 1fr);
     grid-template-areas:
       "basic-config xhs-feishu"