Complete V2 user H5 flow

ai_knowledge_base_v2/apps/user-client/src/styles.css

@@ -287,6 +287,78 @@ button:disabled {
   font-size: 15px;
 }
 
+.markdown-content {
+  white-space: normal;
+}
+
+.markdown-content > :first-child {
+  margin-top: 0;
+}
+
+.markdown-content > :last-child {
+  margin-bottom: 0;
+}
+
+.markdown-content p {
+  margin: 0 0 10px;
+}
+
+.markdown-content ul,
+.markdown-content ol {
+  margin: 8px 0 10px;
+  padding-left: 20px;
+}
+
+.markdown-content li + li {
+  margin-top: 6px;
+}
+
+.markdown-content code {
+  padding: 2px 5px;
+  border-radius: 6px;
+  background: #edf5f2;
+  color: #0f735d;
+  font-family: "SFMono-Regular", Consolas, monospace;
+  font-size: 0.92em;
+}
+
+.markdown-content pre {
+  max-width: 100%;
+  overflow-x: auto;
+  margin: 10px 0;
+  padding: 10px;
+  border-radius: 10px;
+  background: #13231e;
+  color: #f4fffb;
+}
+
+.markdown-content pre code {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+}
+
+.markdown-content table {
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
+  border-collapse: collapse;
+  margin: 10px 0;
+  font-size: 13px;
+}
+
+.markdown-content th,
+.markdown-content td {
+  padding: 7px 9px;
+  border: 1px solid #dbe7e3;
+  white-space: nowrap;
+}
+
+.markdown-content a {
+  color: #0f735d;
+  font-weight: 700;
+}
+
 .typing {
   display: inline-block;
   margin-top: 8px;
@@ -385,7 +457,7 @@ button:disabled {
 
 .session-item {
   display: grid;
-  gap: 5px;
+  gap: 8px;
   width: 100%;
   padding: 12px;
   border: 1px solid #e0ebe7;
@@ -400,17 +472,62 @@ button:disabled {
   background: #eaf5f1;
 }
 
-.session-item span {
+.session-main {
+  display: grid;
+  gap: 5px;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+}
+
+.session-main span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 700;
 }
 
-.session-item small {
+.session-main small {
   color: #6f817a;
 }
 
+.session-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.session-actions button,
+.session-edit button {
+  height: 30px;
+  padding: 0 10px;
+  border: 0;
+  border-radius: 9px;
+  background: #edf5f2;
+  color: #285247;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.session-edit {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 54px;
+  gap: 8px;
+}
+
+.session-edit input {
+  min-width: 0;
+  height: 32px;
+  padding: 0 9px;
+  border: 1px solid #cad8d2;
+  border-radius: 9px;
+  background: #ffffff;
+  color: #17211d;
+  outline: none;
+}
+
 @media (max-width: 520px) {
   .app-shell {
     display: block;