SystemMessage

Centered muted divider message for chat events like model changes or context clears.

Use and inspectUse this as a presentational interface around your own submit, stream, or state handlers. Reset preview only remounts the local example; it does not send a request or connect to a model.Next: inspect the source and wire its callback to a bounded backend action.

SystemMessageCentered muted divider message for chat events like model changes or context clears.

import type { ReactNode } from "react";

type SystemMessageProps = {
  children: ReactNode;
};

export function SystemMessage({ children }: SystemMessageProps) {
  return (
    <div className="pk-system-msg">
      <div className="pk-system-msg-line" />
      <span className="pk-system-msg-text">{children}</span>
      <div className="pk-system-msg-line" />
    </div>
  );
}

Props

Prop	Type	Default	Description
`children`*	`ReactNode`	—	Status message text