@dxos/plugin-automation 0.7.5-labs.071a3e2 → 0.7.5-labs.8a82073

package/dist/types/src/components/Thread/ScrollContainer.d.ts

@@ -1,15 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export interface ScrollController {
-    scrollToBottom: () => void;
-}
-export type ScrollContainerProps = ThemedClassName<PropsWithChildren>;
-/**
- * Scroll container that automatically scrolls to the bottom when new content is added.
- */
-export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode | undefined;
-}, "className"> & {
-    classNames?: import("@dxos/react-ui").ClassNameValue;
-} & React.RefAttributes<ScrollController>>;
-//# sourceMappingURL=ScrollContainer.d.ts.map

package/dist/types/src/components/Thread/ScrollContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/ScrollContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAEZ,KAAK,iBAAiB,EAOvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEtE;;GAEG;AAGH,eAAO,MAAM,eAAe;;;;0CA6D3B,CAAC"}

package/dist/types/src/components/Thread/StatusLine.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusLine.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/StatusLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,mEAOpB,eAAe,sBAiDjB,CAAC"}

package/dist/types/src/components/Thread/StatusLine.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusLine.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/StatusLine.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAO5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAelB,CAAC"}

package/dist/types/src/components/Thread/Tabbed.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type TabsProps = ThemedClassName<{
-    length: number;
-    selected?: number;
-    onSelect?: (index: number) => void;
-}>;
-export declare const Tabs: FC<TabsProps>;
-//# sourceMappingURL=Tabbed.d.ts.map

package/dist/types/src/components/Thread/Tabbed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabbed.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/Tabbed.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgB5D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAC,CAAC;AAGnH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA8C9B,CAAC"}

package/dist/types/src/components/Thread/Tabbed.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabbed.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/Tabbed.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAQhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}

package/dist/types/src/components/Thread/ToggleContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/ToggleContainer.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,GAAG,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAErF,OAAO,EAAQ,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAChD,iBAAiB,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CACH,CAAC;AAGF,eAAO,MAAM,eAAe,mFASzB,oBAAoB,gBAuEtB,CAAC"}

package/dist/types/src/components/Thread/ToggleContainer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/ToggleContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQ5D,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAyE/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAKtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}

package/src/components/Thread/ScrollContainer.tsx

@@ -1,92 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, {
-  forwardRef,
-  type PropsWithChildren,
-  type UIEventHandler,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
-
-import { invariant } from '@dxos/invariant';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-export interface ScrollController {
-  scrollToBottom: () => void;
-}
-
-export type ScrollContainerProps = ThemedClassName<PropsWithChildren>;
-
-/**
- * Scroll container that automatically scrolls to the bottom when new content is added.
- */
-// TODO(burdon): Move to react-ui.
-// TODO(burdon): Custom scrollbar.
-export const ScrollContainer = forwardRef<ScrollController, ScrollContainerProps>(
-  ({ children, classNames }, forwardedRef) => {
-    const containerRef = useRef<HTMLDivElement>(null);
-    const autoScrollRef = useRef(false);
-
-    // Controller.
-    useImperativeHandle(
-      forwardedRef,
-      () => ({
-        scrollToBottom: () => {
-          invariant(containerRef.current);
-          containerRef.current.scrollTo({ top: containerRef.current.scrollHeight, behavior: 'smooth' });
-          autoScrollRef.current = false;
-        },
-      }),
-      [],
-    );
-
-    // Auto scroll.
-    const [sticky, setSticky] = useState(true);
-    useEffect(() => {
-      if (!sticky || !containerRef.current) {
-        return;
-      }
-
-      autoScrollRef.current = true;
-      containerRef.current.scrollTo({ top: containerRef.current.scrollHeight, behavior: 'smooth' });
-    }, [children]);
-
-    // Detect scroll end.
-    useEffect(() => {
-      invariant(containerRef.current);
-      const handleScrollEnd = () => {
-        autoScrollRef.current = false;
-      };
-
-      containerRef.current.addEventListener('scrollend', handleScrollEnd);
-      return () => containerRef.current?.removeEventListener('scrollend', handleScrollEnd);
-    }, []);
-
-    // Scrolling.
-    const handleScroll = useCallback<UIEventHandler<HTMLDivElement>>((ev) => {
-      if (autoScrollRef.current) {
-        return;
-      }
-
-      const { scrollTop, clientHeight, scrollHeight } = ev.currentTarget;
-      const sticky = scrollTop + clientHeight >= scrollHeight;
-      setSticky(sticky);
-    }, []);
-
-    return (
-      <div
-        ref={containerRef}
-        onScroll={handleScroll}
-        className={mx('flex flex-col grow overflow-y-scroll scrollbar-none', classNames)}
-      >
-        {children}
-      </div>
-    );
-  },
-);

package/src/components/Thread/Tabbed.tsx

@@ -1,72 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { type FC } from 'react';
-
-import { Icon, type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-const numbers = [
-  { regular: 'ph--number-circle-zero--thin', active: 'ph--number-circle-zero--duotone' },
-  { regular: 'ph--number-circle-one--thin', active: 'ph--number-circle-one--duotone' },
-  { regular: 'ph--number-circle-two--thin', active: 'ph--number-circle-two--duotone' },
-  { regular: 'ph--number-circle-three--thin', active: 'ph--number-circle-three--duotone' },
-  { regular: 'ph--number-circle-four--thin', active: 'ph--number-circle-four--duotone' },
-  { regular: 'ph--number-circle-five--thin', active: 'ph--number-circle-five--duotone' },
-  { regular: 'ph--number-circle-six--thin', active: 'ph--number-circle-six--duotone' },
-  { regular: 'ph--number-circle-seven--thin', active: 'ph--number-circle-seven--duotone' },
-  { regular: 'ph--number-circle-eight--thin', active: 'ph--number-circle-eight--duotone' },
-  { regular: 'ph--number-circle-nine--thin', active: 'ph--number-circle-nine--duotone' },
-];
-
-export type TabsProps = ThemedClassName<{ length: number; selected?: number; onSelect?: (index: number) => void }>;
-
-// TODO(burdon): Key up/down.
-export const Tabs: FC<TabsProps> = ({ classNames, length, selected = 0, onSelect }) => {
-  return (
-    <div
-      className={mx('flex flex-col overflow-hidden outline-none', classNames)}
-      tabIndex={-1}
-      onKeyDown={(ev) => {
-        // TODO(burdon): Focus when open Toggle.
-        switch (ev.key) {
-          case 'ArrowDown':
-          case 'ArrowRight': {
-            if (selected < length - 1) {
-              onSelect?.(selected + 1);
-            }
-            break;
-          }
-          case 'ArrowUp':
-          case 'ArrowLeft': {
-            if (selected > 0) {
-              onSelect?.(selected - 1);
-            }
-            break;
-          }
-        }
-      }}
-    >
-      {Array.from({ length }).map((_, i) => {
-        const icon = numbers[i + 1];
-        return (
-          <div
-            key={i}
-            className={mx(
-              'relative flex w-[24px] h-[28px] justify-center cursor-pointer text-subdued',
-              selected === i && '!text-green-500', // TODO(burdon): accent.
-            )}
-          >
-            {i < length - 1 && <div className='absolute left-[11.5px] top-[21px] w-[1px] h-[10px] bg-neutral-400' />}
-            <Icon
-              icon={selected === i ? icon.regular : icon.regular}
-              classNames='z-10 !p-0 !w-[24px] !h-[24px] outline-none'
-              onClick={() => onSelect?.(i)}
-            />
-          </div>
-        );
-      })}
-    </div>
-  );
-};