@progress/kendo-theme-core 14.4.1-dev.0 → 14.4.1-dev.2

package/dist/meta/sassdoc-raw-data.json

@@ -112,14 +112,14 @@
         }
     },
     {
-        "description": "The top margin of the AgentStep icon.\n",
+        "description": "The horizontal padding of the AgentStep head.\n",
         "commentRange": {
             "start": 9,
             "end": 10
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-icon-margin-top",
+            "name": "kendo-agent-step-padding-x",
             "value": "null",
             "scope": "default",
             "line": {
@@ -137,14 +137,14 @@
         }
     },
     {
-        "description": "The text color of the added lines count in the AgentStep diffstat.\n",
+        "description": "The end padding of the AgentStep head.\n",
         "commentRange": {
             "start": 12,
             "end": 13
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-added-color",
+            "name": "kendo-agent-step-padding-end",
             "value": "null",
             "scope": "default",
             "line": {
@@ -162,14 +162,14 @@
         }
     },
     {
-        "description": "The text color of the removed lines count in the AgentStep diffstat.\n",
+        "description": "The border radius of the AgentStep head.\n",
         "commentRange": {
             "start": 15,
             "end": 16
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-removed-color",
+            "name": "kendo-agent-step-border-radius",
             "value": "null",
             "scope": "default",
             "line": {
@@ -187,14 +187,14 @@
         }
     },
     {
-        "description": "The font size of the AgentStep label, secondary text, and diffstat.\n",
+        "description": "The top margin of the AgentStep icon.\n",
         "commentRange": {
             "start": 18,
             "end": 19
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-font-size",
+            "name": "kendo-agent-step-icon-margin-top",
             "value": "null",
             "scope": "default",
             "line": {
@@ -212,14 +212,14 @@
         }
     },
     {
-        "description": "The font size of the AgentStep body content.\n",
+        "description": "The text color of the added lines count in the AgentStep diffstat.\n",
         "commentRange": {
             "start": 21,
             "end": 22
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-body-font-size",
+            "name": "kendo-agent-step-added-color",
             "value": "null",
             "scope": "default",
             "line": {
@@ -236,11 +236,111 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The text color of the removed lines count in the AgentStep diffstat.\n",
+        "commentRange": {
+            "start": 24,
+            "end": 25
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-removed-color",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 26,
+                "end": 26
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the AgentStep label, secondary text, and diffstat.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-font-size",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the AgentStep body content.\n",
+        "commentRange": {
+            "start": 30,
+            "end": 31
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-body-font-size",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 32,
+                "end": 32
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the focused AgentStep head.\n",
+        "commentRange": {
+            "start": 33,
+            "end": 34
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-focus-shadow",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 35,
+                "end": 35
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The gap between the icon column and the content of the Thought.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -248,8 +348,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -264,8 +364,8 @@
     {
         "description": "The gap in the icon column of the Thought.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -273,8 +373,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -289,8 +389,8 @@
     {
         "description": "The spacing between stacked Thought items.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -298,8 +398,33 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 45,
+                "end": 45
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The start padding of the Thought, aligning it with the AgentStep head.\n",
+        "commentRange": {
+            "start": 46,
+            "end": 47
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-thought-padding-x",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -314,8 +439,8 @@
     {
         "description": "The color of the connector line between stacked Thought items.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -323,8 +448,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -339,8 +464,8 @@
     {
         "description": "The start indent of the ToolCall body.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -348,8 +473,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -364,8 +489,8 @@
     {
         "description": "The bottom padding of the ToolCall body.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -373,8 +498,33 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 58,
+                "end": 58
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The border radius of the pre element in the ToolCall body.\n",
+        "commentRange": {
+            "start": 59,
+            "end": 60
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tool-call-pre-border-radius",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -961,6 +1111,181 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The font weight of the CitationPopoverView title.\n",
+        "commentRange": {
+            "start": 9,
+            "end": 10
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-title-font-weight",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 11,
+                "end": 11
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the CitationPopoverView body text.\n",
+        "commentRange": {
+            "start": 12,
+            "end": 13
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-body-font-size",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 14,
+                "end": 14
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The top margin of the CitationPopoverView body text.\n",
+        "commentRange": {
+            "start": 15,
+            "end": 16
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-body-margin-top",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 17,
+                "end": 17
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the CitationPopoverView body text.\n",
+        "commentRange": {
+            "start": 18,
+            "end": 19
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-body-color",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 20,
+                "end": 20
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the CitationPopoverView source link.\n",
+        "commentRange": {
+            "start": 21,
+            "end": 22
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-source-font-size",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 23,
+                "end": 23
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The top margin of the CitationPopoverView source link.\n",
+        "commentRange": {
+            "start": 24,
+            "end": 25
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-source-margin-top",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 26,
+                "end": 26
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The gap between the icon and text of the CitationPopoverView source link.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-citation-popover-view-source-gap",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "citation"
+        ],
+        "access": "public",
+        "file": {
+            "path": "components/citation/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The size map of the ColorEditor.\n",
         "commentRange": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "14.4.1-dev.0",
+  "version": "14.4.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/scss/components/agent-response/_layout.scss

@@ -1,25 +1,18 @@
+@use "../../mixins/index.scss" as *;
 @use "../../spacing/index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-agent-response--layout-base() {
     // Agent Step
-    .k-agent-step {
-        .k-card {
-            box-shadow: none;
-        }
-    }
-
     .k-agent-step-icon {
         align-self: start;
         margin-top: $kendo-agent-step-icon-margin-top;
         aspect-ratio: 1;
     }
 
-    // Typography — label, secondary/meta text, and diffstat all share the small font size.
     .k-agent-step-label,
     .k-agent-step-sep,
     .k-agent-step-secondary,
-    .k-agent-step-time,
     .k-agent-step-added,
     .k-agent-step-removed {
         font-size: $kendo-agent-step-font-size;
@@ -30,21 +23,25 @@
         gap: k-spacing(1);
     }
 
-    // Head — a reset <button> housing the icon column and the content row.
     .k-agent-step-head {
-        padding-inline: 0;
+        cursor: pointer;
+        padding-inline: $kendo-agent-step-padding-x;
+        padding-inline-end: $kendo-agent-step-padding-end;
         padding-block: $kendo-agent-step-padding-y;
         display: flex;
         align-items: center;
         gap: $kendo-agent-step-gap;
-        width: 100%;
+        width: fit-content;
+        max-width: 100%;
         margin: 0;
         border: 0;
         background: none;
         font: inherit;
         color: inherit;
         text-align: inherit;
+        outline: none;
         appearance: none;
+        @include border-radius( $kendo-agent-step-border-radius );
     }
 
     .k-agent-step-content {
@@ -60,8 +57,6 @@
         font-weight: var(--kendo-font-weight-medium);
     }
 
-    // Body — expanded content indented under the head, with vertical spacing
-    // between stacked steps and a connector line linking them.
     .k-agent-step-body {
         width: 100%;
         display: flex;
@@ -69,15 +64,27 @@
         font-size: $kendo-agent-step-body-font-size;
     }
 
+    // Reasoning Specific Styles
     .k-reasoning {
     }
 
+    // Tool Call Specific Styles
     .k-tool-call .k-agent-step-body {
         padding-inline-start: $kendo-tool-call-indent;
         padding-block-end: $kendo-tool-call-padding-y;
         gap: k-spacing(2);
+
+        .k-card {
+            box-shadow: none;
+        }
+
+        .k-pre {
+            margin: 0;
+            border-radius: $kendo-tool-call-pre-border-radius;
+        }
     }
 
+    // Chain of Thought Specific Styles
     .k-chain-of-thought {
         .k-agent-step-body {
             padding-block: k-spacing(2);
@@ -88,6 +95,7 @@
     .k-thought {
         display: flex;
         gap: $kendo-thought-gap;
+        padding-inline-start: $kendo-thought-padding-x;
 
         .k-agent-step-icon-col {
             display: flex;