fix(ui): update chat container size, fix stylelint rules

apps/agentstack-ui/src/components/MarkdownContent/components/Table.module.scss

@@ -6,7 +6,7 @@
 @use 'styles/common' as *;
 
 .root {
-  overflow-x: auto;
+  overflow-inline: auto;
 }
 
 .table {

apps/agentstack-ui/src/components/NotificationMarkdownContent/NotificationMarkdownContent.module.scss

@@ -42,5 +42,5 @@
 
 .code {
   max-block-size: (2 * $spacing-05 + 5 * rem(16px)); // 5 lines + padding
-  overflow-y: auto;
+  overflow-block: auto;
 }

apps/agentstack-ui/src/components/layouts/Container.module.scss

@@ -8,7 +8,7 @@
 $sizes: (
   xs: rem(504px),
   sm: rem(608px),
-  md: rem(768px),
+  md: rem(800px),
   lg: rem(928px),
   xlg: rem(1088px),
   xxl: rem(1248px),

apps/agentstack-ui/src/modules/agents/components/import/ImportAgentsModal.module.scss

@@ -44,7 +44,7 @@
 
 .logs {
   max-block-size: rem(256px);
-  overflow-y: auto;
+  overflow-block: auto;
 }
 
 @include breakpoint(md) {

apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.module.scss

@@ -68,7 +68,7 @@ $zindex-buttons: 2;
 }
 
 .bottomHolder {
-  overflow-y: auto;
+  overflow-block: auto;
   scrollbar-gutter: stable;
   padding-block-end: $spacing-07;
   margin-block-end: -$spacing-07;

apps/agentstack-ui/src/modules/runs/chat/ChatMessagesView.tsx

@@ -54,7 +54,7 @@ export function ChatMessagesView() {
       >
         <div className={classes.holder}>
           <div className={classes.scrollable} ref={scrollElementRef}>
-            <Container size="sm" className={classes.container}>
+            <Container size="md" className={classes.container}>
               <header className={classes.header}>
                 <NewSessionButton
                   onClick={() => {
@@ -115,7 +115,7 @@ export function ChatMessagesView() {
             )}
 
             <div className={classes.bottomHolder}>
-              <Container size="sm" className={classes.bottomContainer}>
+              <Container size="md" className={classes.bottomContainer}>
                 {isPending && (isNotInstalled || isStarting) ? (
                   <RunStatusBar isPending>{AGENT_STARTING_MESSAGE}</RunStatusBar>
                 ) : (

apps/agentstack-ui/src/modules/runs/chat/ChatUserMessage.module.scss

@@ -14,8 +14,8 @@
   background-color: $layer-02;
   padding: $spacing-04 $spacing-05;
   border-radius: $border-radius;
-  font-size: rem(14px);
-  line-height: math.div(22, 14);
+  font-size: rem(16px);
+  line-height: math.div(26, 16);
   margin-inline-start: auto;
   position: relative;
   &.limitWidth {

apps/agentstack-ui/src/modules/runs/components/NoModelSelectedErrorPage.module.scss

@@ -7,7 +7,7 @@
   inline-size: 100%;
   block-size: 100%;
   padding-inline: $spacing-08;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 
 .container {

apps/agentstack-ui/src/styles/_mixins.scss

@@ -36,8 +36,8 @@
   scroll-behavior: smooth;
   scrollbar-width: thin;
   scrollbar-color: $layer-03 transparent;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
 
   @if $use-stable-gutter {
     scrollbar-gutter: stable;

apps/lint-config/stylelint.config.js

@@ -3,22 +3,25 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+
 /** @type {import('stylelint').Config} */
 const config = {
-  extends: ['stylelint-config-recommended-scss', 'stylelint-config-css-modules'],
-  plugins: ['stylelint-plugin-logical-css'],
+  extends: [
+    'stylelint-config-recommended-scss',
+    'stylelint-config-css-modules',
+    'stylelint-plugin-logical-css/configs/recommended',
+  ],
+  // Resolve plugin from this shared config package, not the consumer cwd.
+  plugins: [require.resolve('stylelint-plugin-logical-css')],
   rules: {
     'scss/function-no-unknown': null,
     'scss/operator-no-newline-after': null,
     'no-descending-specificity': null,
-    'plugin/use-logical-properties-and-values': [
-      true,
-      {
-        severity: 'warning',
-        ignore: ['overflow-y', 'overflow-x', '-webkit-box-orient'],
-      },
-    ],
     'nesting-selector-no-missing-scoping-root': null,
+    'logical-css/require-logical-units': null,
   },
 };
 

mise.lock

@@ -277,6 +277,7 @@ url = "https://github.com/lima-vm/lima/releases/download/v2.0.3/lima-2.0.3-Linux
 [tools.lima."platforms.macos-arm64"]
 checksum = "sha256:22aee997df59e4fd448041b2d1214e48bd8eaf705d2d48a4307d65c1b179dc97"
 url = "https://github.com/lima-vm/lima/releases/download/v2.0.3/lima-2.0.3-Darwin-arm64.tar.gz"
+provenance = "github-attestations"
 
 [tools.lima."platforms.macos-x64"]
 checksum = "sha256:0806bcb83a08411e9d878b43b2c4203f1556fe14f9f8ba1e5f0d5d9a3c2c0bd8"
@@ -445,6 +446,7 @@ url = "https://github.com/astral-sh/uv/releases/download/0.10.4/uv-x86_64-unknow
 [tools.uv."platforms.macos-arm64"]
 checksum = "sha256:a6852e4dc565c8fedcf5adcdf09fca7caf5347739bed512bd95b15dada36db51"
 url = "https://github.com/astral-sh/uv/releases/download/0.10.4/uv-aarch64-apple-darwin.tar.gz"
+provenance = "github-attestations"
 
 [tools.uv."platforms.macos-x64"]
 checksum = "sha256:df6dd1c3ebeab4369a098c516c15c233c62bf789a40a4864b30dad1d38d7604e"